ExpressJS と Angular2 を使用して Web アプリケーションを作成しようとしています。Zone.js は @angular ライブラリを読み込もうとしている (失敗した) ようですが、それを修正する方法がわかりません。
これまでの私のプロセスは次のようになります。
- build/node_modulesフォルダにコピー:
- core-js/client/shim.min.js
- zone.js/dist/zone.js
- Reflect-metadata/Reflect.js
- systemjs/dist/system.src.js
- /scripts URL をExpressJS のnode_modulesフォルダーにマップする
私のインデックス ページで、スクリプト タグで上記のライブラリをソースし、SystemJS をロードします。
System.config({ packages: { app: { defaultExtension: 'js' }, rxjs: { defaultExtension: 'js' } }, map: { 'rxjs': '/scripts/rxjs', '@angular': '/scripts/@angular' } }) System.import('/app/bootstrap') .then(null, console.error.bind(console))
そして最後に、bootstrap.tsファイル:
import { bootstrap } from '@angular/platform-browser-dynamic' import { Component } from '@angular/core' @Component({ selector: 'testing-ang2', template: '<span>WIP</span>' }) export class Ang2TestComponent {} bootstrap(Ang2TestComponent)
ただし、これを実行すると、次のエラーが発生します。
zone.js:101 GET http://localhost:3000/scripts/@angular/platform-browser-dynamic/ 404 (Not Found)
zone.js:323 Error: (SystemJS) Error: XHR error (404 Not Found) loading http://localhost:3000/scripts/@angular/platform-browser-dynamic
zone.js:101 GET http://localhost:3000/scripts/@angular/core/ 404 (Not Found)
@angularライブラリをbuild/node_modulesにコピーし、メイン ページのタグにリストされている各フォルダーからindex.jsファイルを追加しようとしまし<script>
たが、違いはありません。
誰でもこれを修正する方法を提案できますか?