2016-01-26 2 views
1

Не могу решить это, я не уверен, почему его приход.ИСКЛЮЧЕНИЕ: Токен должен быть определен

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> 

и стек трассировки enter image description here

+1

Похоже, что 'appComponent' в boot.ts не определен и он должен быть определен. Недостаточно информации здесь, чтобы выяснить, почему ... – Sasxa

+0

Пожалуйста, создайте Plunker, который воспроизводит проблему. –

+0

Вы нашли решение? – AdrienTorris

ответ

0

Я видел, что вы используете относительный путь для модулей 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 расст как это в ваш 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> 
(...) 

Надеется, что это помогает вам, Thierry

Смежные вопросы