Javascript SyntaxError:预期表达式，get'<'；有棱角的

一般来说，我对Angular和web开发非常陌生，我正在尝试跟进，我甚至将angular2脚本添加到了index.html文件中，但当我尝试运行应用程序时，我得到了

SyntaxError:expected表达式，得到了你应该使用的：

import {bootstrap} from "angular2/platform/browser";
import {Component} from "angular2/core";

而不是

import {bootstrap} from "../../../node_modules/angular2/platform/browser";
import {Component} from "../../../node_modules/angular2/core";

此外，
angular2all.umd.dev.js
是您希望使用ES5实现angular2应用程序的时候。在这种情况下，您应该使用

var AppComponent = ng.core
    .Component({
        selector: 'app',
        template: '<div>Hello world</div>',
    })
    .Class({
        constructor: function (http) {
        }
    });

var-AppComponent=ng.core
.组成部分({
选择器：“应用程序”，
模板：“你好，世界”，
})
.类({
构造函数：函数（http）{
}
});

而不是
@组件
装饰器

我认为你需要选择你想要使用的技术，因为你似乎混合了其中的几个部分

以下是不同技术的示例：


仅ES5：
仅限ES6：
打字稿：
我应该添加这个，我的.js和index.html文件都在
src/main/resources/templates
上，我的
node\u modules
目录与
src
处于同一级别。我是否仍应使用
“angular2/platform/browser”
？但是
angular2/platform/browser
是在
系统中隐式注册的。注册
。。。这里没有路。我认为您的问题是，在实现组件时，您包含了ES5 Angular2文件，并尝试使用TypeScript或ES6。。。你想用哪一个？我不知道。。。我不知道这些版本之间的区别。我试着按照您的建议编辑
hello.js
，但问题仍然存在，您需要做出选择；-）我更新了我的答案，每一个都有样本。。。
import {bootstrap} from "angular2/platform/browser";
import {Component} from "angular2/core";

import {bootstrap} from "../../../node_modules/angular2/platform/browser";
import {Component} from "../../../node_modules/angular2/core";

var AppComponent = ng.core
    .Component({
        selector: 'app',
        template: '<div>Hello world</div>',
    })
    .Class({
        constructor: function (http) {
        }
    });