2016-01-19 13 views
7
<html> 
<head> 
<title>Angular 2 QuickStart</title> 
<!-- 1. Load libraries --> 
<script src="node_modules/angular2/bundles/angular2-polyfills.js"></script> 
<script src="node_modules/rxjs/bundles/Rx.umd.js"></script> 
<script src="node_modules/angular2/bundles/angular2-all.umd.js"></script> 
<!-- 2. Load our 'modules' --> 
<script src='app/app.component.js'></script> 
<script src='app/boot.js'></script> 

<!--upgrade--> 
<script src="node_modules/angular2/upgrade.js"></script> 
</head> 
<!-- 3. Display the application --> 
<body> 
<my-app>Loading...</my-app> 
</body> 
</html> 

<script src="node_modules/angular2/upgrade.js"></script> कोड के बिना ठीक काम नहीं किया गया है। जब मैं upgrade.js.it दिखाता हूं "अनकॉट रेफरेंसरर: एंजुलर 2 में परिभाषित नहीं किया गया है" मैं इस त्रुटि से कैसे दूर हो सकता हूं।असीमित संदर्भ त्रुटि: कोण को कोणीय 2

उत्तर

-1

require फ़ंक्शन SystemJS द्वारा प्रदान किया जाता है। आप इसे अपने script में जोड़ने की जरूरत: https://plnkr.co/edit/JXLDFBW4A1mi9tyNHoJ3?p=preview:

<script src="node_modules/systemjs/dist/system.src.js"></script> 
<script src="node_modules/angular2/bundles/angular2-polyfills.js"></script> 
<script src="node_modules/rxjs/bundles/Rx.umd.js"></script> 
<script src="node_modules/angular2/bundles/angular2-all.umd.js"></script> 
(...) 

यहाँ एक plunkr एक काम नमूना वर्णित करते हैं।

आशा है कि यह आप में मदद करता है, थियरी

+1

Uncaught ReferenceError: आवश्यकता निर्धारित नहीं है (अनाम समारोह) @ upgrade.ts: 6 angular2-सब .umd.js: 28560 अपवाद: टोकन परिभाषित किया जाना चाहिए! अभी भी –

+1

दिखाए गए त्रुटि में मैंने शामिल स्क्रिप्ट के साथ एक प्लंकर जोड़ा। इसमें घटक कुछ भी नहीं करता है लेकिन बिना किसी त्रुटि के प्रदर्शित होता है ... उम्मीद है कि यह आपकी समस्या को ठीक करेगा! –

+2

मैं 'var Rx = आवश्यकता ('rx-dom') की कोशिश कर रहा हूं; 'एक घटक में, मैंने systemJS को शामिल किया है लेकिन एक ही त्रुटि देता है। – Shri

-3

मॉड्यूल tsconfig.json में सिस्टम होना चाहिए

{ 
    "version": "1.0.0", 
    "compilerOptions": { 
     "target": "es5", 
     **"module": "system",** 
     "moduleResolution": "node", 
     "sourceMap": true, 
     "emitDecoratorMetadata": true, 
     "experimentalDecorators": true, 
     "removeComments": false, 
     "noImplicitAny": false, 
     "noLib": false, 
     "declaration": false 
    }, 
    "exclude": [ 
     "node_modules", 
     "bower_components", 
     "jspm_packages", 
     "typings/main", 
     "typings/main.d.ts" 
    ] 
} 
संबंधित मुद्दे