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> 

bez kodu <script src="node_modules/angular2/upgrade.js"></script> działa poprawnie. kiedy włączam upgrade.js.it pokazuje "Uncaught ReferenceError: require nie jest zdefiniowany w angular2" .Jak mogę przezwyciężyć ten błąd.Niepowodzenie ReferenceError: require nie jest zdefiniowany w angular2

Odpowiedz

-1

Funkcja require jest zapewniana przez SystemJS. Trzeba dodać ją do 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> 
(...) 

Oto plunkr opisująca próbkę roboczą: https://plnkr.co/edit/JXLDFBW4A1mi9tyNHoJ3?p=preview.

Nadzieję, że to pomaga, Thierry

+1

Uncaught ReferenceError: require nie jest zdefiniowana (funkcja anonimowa) @ upgrade.ts: 6 angular2 wszystko .umd.js: 28560 WYJĄTEK: Token musi zostać zdefiniowany! nadal wyświetlany błąd –

+1

Dodałem plunkr z dołączonymi skryptami. Komponent w nim nic nie robi, ale jest wyświetlany bez żadnego błędu ... Mam nadzieję, że to rozwiąże Twój problem! –

+2

Próbuję 'var Rx = require ('rx-dom');' w komponencie, mam włączone systemJS, ale daje ten sam błąd. – Shri

-3

Moduł powinien być system 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" 
    ] 
} 
Powiązane problemy