2017-02-10 8 views
3

私のサンプルAngular 2の状態管理に@ ngrx/store [2.2.1]と@ ngrx/core [1.2.0]を使用するには、私は以下に続く[2.4.0]アプリケーションがインストールSystem.jsモジュールローダーで@ngrx/storeと@ ngrx/coreを使用する

  1. @ ngrx /ストア[2.2.1]と@ ngrx /コア

    import { StoreModule } from '@ngrx/store'; 
    
ルートモジュールにインポート下に追加
  • ステップ

    3パッケージに以下のコードを追加S systemjs.config.jsファイルのセクション

    '@ngrx/core': { 
          main: 'bundles/core.umd.js', 
          format: 'cjs' 
         }, 
         '@ngrx/store': { 
          main: 'bundles/store.umd.js', 
          format: 'cjs' 
         }  
    

    私はウェブサイト

    を参照するとき、私は、ブラウザのコンソールにエラーの下に取得していますが、リソースの読み込みに失敗しました:サーバーは、404の状態で応答し(見つからない) "http://localhost:62818/@ngrx/store/bundles/store.umd.js"

    この問題を解決するには何が必要か考えてください。

  • +1

    このエラーは、このURLでは利用できないため発生します。 Webルートに存在しないファイルを指定した理由はわかりませんが、 – estus

    +0

    @ estus、私はこのファイルのスクリプトタグを.htmlファイルに追加したようではありません。私はモジュールファイルにインポートだけを含んでいます。 – refactor

    +1

    SystemJS(@ ngrx/store/bundles/store.umd.js)から要求されたファイル。 Webルートから入手できます。それがなければ404になります。これはそれと同じくらい簡単です。サーバー側を省略しましたが、ここで重要です。特にAngularでは何もする必要はありません。 – estus

    答えて

    3

    @ estusが述べたように、これはパスの問題でした。正しいパスのマップセクションに以下の行を追加して問題を解決しました。

    '@ngrx/core': 'node_modules/@ngrx/core/bundles/core.umd.js', 
    '@ngrx/store': 'node_modules/@ngrx/store/bundles/store.umd.js',