Angular 2意外令牌导入

时间:2016-09-12 11:24:43

标签: javascript angularjs

您好我是Angular2的绝对初学者,我只是设置了一些应用程序,但我收到错误 angular2-polyfills.js:390错误:SyntaxError:意外的令牌导入(...) 请帮我解决这个问题。 我将app.component.ts文件创建为与main.ts相同的名称空间 这是我的index.html文件

<!DOCTYPE html>
<html>

<head>
    <title>Acme Product Management</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link href="node_modules/bootstrap/dist/css/bootstrap.css" rel="stylesheet" />
    <link href="app/app.component.css" rel="stylesheet" />

    <!-- 1. Load libraries -->
    <!-- IE required polyfills, in this exact order -->
    <script src="node_modules/angular2/es6/dev/src/testing/shims_for_IE.js"></script>
    <script src="node_modules/es6-shim/es6-shim.min.js"></script>
    <script src="node_modules/systemjs/dist/system-polyfills.js"></script>

    <script src="node_modules/angular2/bundles/angular2-polyfills.js"></script>
    <script src="node_modules/systemjs/dist/system.src.js"></script>
    <script src="node_modules/rxjs/bundles/Rx.js"></script>
    <script src="node_modules/angular2/bundles/angular2.dev.js"></script>

    <!-- 2. Configure SystemJS -->
    <script>
        System.config({
        packages: {
          app: {
            format: 'register',
            defaultExtension: 'ts'
          }
        }
      });
      System.import('app/main')
            .then(null, console.error.bind(console));
    </script>
</head>

<body>
    Starter files for Angular2: Getting Starteddd.
<pm-app>Loading app...</pm-app>
</body>

</html>

app组件文件

import { Component } from 'angular2/core';

@Component({
    selector:'pm-app',
    template: `<div>{{PageTitle}}</div>`
});
export class AppComponent{
    pageTitle:string = 'Ovo je string';
}

主要ts文件

import { bootstrap } from 'angular2/platform/browser';

// Our main component
import { AppComponent } from './app.component';

bootstrap(AppComponent);

帮助我是Angular2的新手,请帮忙

0 个答案:

没有答案