0

ExpressJS と Angular2 を使用して Web アプリケーションを作成しようとしています。Zone.js は @angular ライブラリを読み込もうとしている (失敗した) ようですが、それを修正する方法がわかりません。

これまでの私のプロセスは次のようになります。

  1. build/node_modulesフォルダにコピー:
    • core-js/client/shim.min.js
    • zone.js/dist/zone.js
    • Reflect-metadata/Reflect.js
    • systemjs/dist/system.src.js
  2. /scripts URL をExpressJS のnode_modulesフォルダーにマップする
  3. 私のインデックス ページで、スクリプト タグで上記のライブラリをソースし、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))
    
  4. そして最後に、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>たが、違いはありません。


誰でもこれを修正する方法を提案できますか?

4

1 に答える 1