node.js - 异常 : Token must be defined

Question

无法解决此问题，我不确定它为什么会出现。

boot.ts

    "use strict";
import {bootstrap} from '../angular2/platform/browser';
import {appComponent} from '../components/app/appComponent';
bootstrap(appComponent);

appComponent.ts

    'use strict'
import {Component} from '../../angular2/core';
@Component({
  selector: 'app',
  templateUrl: 'components/app/app.html'
})
export class appComponent {
    message:string='Hello html'; 
}

在 HTML 文件中

<script>
         System.config({
        defaultJSExtensions: true,
        packages: {        
            app: {
                defaultExtension: 'js'
            }  
        }

      });
        System.import('components/boot').then(null, console.error.bind(console));
    </script>

和堆栈跟踪

Answer 1

我看到您对 angular2 模块使用相对路径。也许你可以尝试这样的事情:

'use strict'; // <------------
import {bootstrap} from 'angular2/platform/browser';
import {appComponent} from '../components/app/appComponent';
bootstrap(appComponent);

和

'use strict';
import {Component} from 'angular2/core'; // <------------
@Component({
  selector: 'app',
  templateUrl: 'components/app/app.html'
})
export class appComponent {
  message:string='Hello html'; 
}

您需要将这样的 Angular2 dist 包含到您的 HTML 文件中:

<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>
(...)

希望对你有帮助蒂埃里