2016-01-19 31 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を含めると、 "Uncaught ReferenceError:requireがangular2で定義されていません"というメッセージが表示されます。このエラーからどのように克服できますか?未知のReferenceError:angular2でrequireが定義されていません

答えて

-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です。必要がupgrade.ts @(匿名関数)が定義されていません:6 angular2-すべて

はティエリー

+1

キャッチされないにReferenceErrorにシステムでなければなりません 、それはあなたのお役に立てば幸いです.umd.js:28560例外:トークンを定義する必要があります。まだエラー表示 –

+1

私は付属のスクリプトでplunkrを追加しました。そのコンポーネントは何もしませんが、何のエラーもなく表示されます...あなたの問題を解決することを願っています! –

+2

私は 'var Rx = require( '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" 
    ] 
} 
関連する問題