2016-01-02 22 views
10

एप्लिकेशन/boot.tsAngular2 अपवाद: टोकन परिभाषित किया जाना चाहिए

import {bootstrap} from 'angular2/platform/browser'; 
import {AppComponent} from './app.component'; 
bootstrap(AppComponent); 

एप्लिकेशन/app.component.ts

import {Component} from 'angular2/core'; 
@Component({ 
    selector: 'my-app', 
    template: '{{title}}' 
}) 
class AppComponent { 
    title: "app" 
} 

त्रुटि:

EXCEPTION: Token must be defined! 
STACKTRACE:BrowserDomAdapter.logError @ angular2.dev.js:23514 
ExceptionHandler.call     @ angular2.dev.js:1147 
(anonymous function)     @ angular2.dev.js:14801 
NgZone._notifyOnError     @ angular2.dev.js:5796 
collection_1.StringMapWrapper.merge.onError @ angular2.dev.js:5700 
run         @ angular2-polyfills.js:141 
(anonymous function)     @ angular2.dev.js:5719 
NgZone.run       @ angular2.dev.js:5681 
ApplicationRef_.bootstrap    @ angular2.dev.js:14906 
bootstrap        @ angular2.dev.js:25054 
execute        @ boot.ts:4 
u          @ system.src.js:4597 
execute        @ system.src.js:4597 
y          @ system.src.js:4597 
... 

उत्तर

16

यह एक और त्रुटि है कि मुझे कई बार पकड़ा है। मैं अपने रूट घटक को निर्यात करने के लिए भूल गया (एक बार फिर)। यह होना चाहिए:

export class AppComponent { 

अगर मैं समय और अधिक बारीकी से स्टैक ट्रेस (बजाय StackOverflow खोज और नहीं मेरे सटीक समस्या को खोजने का) में सिर्फ एक सा देखने के लिए ले लिया, मैंने देखा है कि यह में से एक संदर्भित मैंने लिखा फाइलें, boot.ts:4

3

मेरे मामले में जो निम्न पंक्ति के अंत में सिर्फ सेमी-कोलन की वजह से था:

import {Component} from 'angular2/core'; 
+1

रिलीज उम्मीदवार के बाद से उन्होंने इसे बदल दिया है। अब यह है: "@ कोणीय/कोर" से आयात {घटक}; ' – Charlie

1

मैं था यकीन है कि AppComponent मेरी main.ts में बूटस्ट्रैप समारोह में पारित किया गया था बनाने के करने के लिए:

bootstrap(AppComponent); 
0

सुनिश्चित करें कि आप टाइपो त्रुटियों के लिए जाँच अनुप्रयोग बजाय AppComponent आदि

+०१२३५१६४१० इन सभी प्रविष्टियों है, यह भी सुनिश्चित करें

app.component.ts

export class AppComponent { 
    name: string; 

    constructor() { 
    this.name = "World"; 
    } 
} 

main.ts

import {bootstrap} from 'angular2/platform/browser'; 
import {AppComponent} from './app.component'; 

bootstrap(AppComponent); 
2

बस यह बहुत ही सामान्य त्रुटि संदेश के साथ किसी भी प्रकाश की तलाश में किसी और को यहाँ आने के लिए, मैं इस संदेश को प्राप्त किया गया था मेरी टेस्ट स्पेक फाइलों में से एक से क्योंकि एक ही नमूना फ़ाइल के नीचे एक नकली सेवा परिभाषित की गई थी, बस इसे शीर्ष पर ले जाया गया (परीक्षण परिभाषा से पहले) और अब सबकुछ अपेक्षित के रूप में काम कर रहा है।

+0

इसमें जोड़ने के लिए, मेरे पास पहले से हुक में इंजेक्शन देने वाली सेवा पर एक टाइपो था, यह तय करने के बाद कि चीजें काम जारी रहीं। –

0

मुझे इस मुद्दे का भी सामना करना पड़ा है। मेरे मामले में, यह ऑगरी एक्सटेंशन की वजह से था, जो फेंक रहा था क्योंकि मेरे पास कोणीय 2.1.3 था और यह 2.3.0 और बाद का समर्थन करता है।

संबंधित मुद्दे