title: SyntaxError: expected expression, got '<' with Angular2
body: <p>I'm very new to Angular and web development in general, and I'm trying to follow <a href="http://www.codelord.net/2016/01/07/adding-the-first-angular-2-service-to-your-angular-1-app/" rel="nofollow">this tutorial</a>, and I got as far as adding the angular2 scripts to my index.html file, but when I try to run the application, I get the <code>SyntaxError: expected expression, got '&lt;'</code> on all my .js scripts, line 1:0, which seems fairly common.</p>
  
  <p>The strange thing is, when I open these scripts through the console, they all open <code>index.html</code> instead of the actual .js file, even the angular2 ones.</p>
  
  <p>Here's <code>index.html</code>:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html xmlns:th="http://www.thymeleaf.org"&gt;
  &lt;head lang="en"&gt;
  &lt;title&gt;Test Page&lt;/title&gt;
  &lt;/head&gt;
  
  &lt;body ng-app="testApp" ng-controller="testController"&gt;
      &lt;p&gt;Testing&lt;/p&gt;
      &lt;app&gt;&lt;/app&gt;
  
      &lt;script src="../../../node_modules/rxjs/bundles/Rx.umd.js"&gt;&lt;/script&gt;
      &lt;script
          src="../../../node_modules/angular2/bundles/angular2-polyfills.js"&gt;&lt;/script&gt;
      &lt;script
          src="../../../node_modules/angular2/bundles/angular2-all.umd.dev.js"&gt;&lt;/script&gt;
      &lt;script src="hello.js"&gt;&lt;/script&gt;
      &lt;script src="refactor.js"&gt;&lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><code>hello.js</code>, taken from <a href="https://egghead.io/lessons/angular-2-say-hello-world-to-angular-2?series=angular-2-fundamentals" rel="nofollow">this video</a>:</p>
  
  <pre><code>import {bootstrap} from "../../../node_modules/angular2/platform/browser";
  import {Component} from "../../../node_modules/angular2/core";
  
  @Component({
      selector:'app',
      template:`&lt;div&gt;Hello World&lt;/div&gt;`
  })
  
  class App{}
  
  bootstrap(App);
  </code></pre>
  
  <p>And <code>refactor.js</code>, from the first tutorial mentioned:</p>
  
  <pre><code>var upgradeAdapter = new ng.upgrade.UpgradeAdapter();
  angular.element(document.body).ready(function() {
    upgradeAdapter.bootstrap(document.body, ['app']);
  });
  </code></pre>
  
  <p><strong>EDIT:</strong> I couldn't run <code>ng-serve</code> because the project wasn't created with <code>ng new project</code>. Could this be the problem?</p>