2016-01-19 3 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 показывает «Неподготовленный ReferenceError: require не определен в угловом2». Как я могу преодолеть эту ошибку.Uncaught ReferenceError: require не определен в angular2

ответ

-1

Функция require предоставляется SystemJS. Вы должны добавить его в свой script:

<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 описания рабочего образца: https://plnkr.co/edit/JXLDFBW4A1mi9tyNHoJ3?p=preview.

Надеется, что это помогает вам, Тьерри

+1

неперехваченного ReferenceError: требуют не определен (анонимная функция) @ upgrade.ts: 6 angular2-все .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" 
    ] 
} 
Смежные вопросы