angle 2 + npmインストールパッケージが動作しない

Question

npm installで新しいパッケージをインストールすると、角度2のインポートでパッケージが認識されず、ブラウザから404 errorが返されます。

例えば、私は次のパッケージをインストールしようとしてきた：

https://github.com/dougludlow/ng2-bs3-modal

を、これは私のブラウザが返すものです：

GET http://localhost:3000/node_modules/ng2-bs3-modal/ng2-bs3-modal 404 (Not Found)fetchTextFromURL @ system.src.js:1154(anonymous function) @ system.src.js:1710ZoneAwarePromise @ angular2-polyfills.js:589(anonymous function) @ system.src.js:1709(anonymous function) @ system.src.js:2734(anonymous function) @ system.src.js:3308(anonymous function) @ system.src.js:3575(anonymous function) @ system.src.js:3960(anonymous function) @ system.src.js:4419(anonymous function) @ system.src.js:4671(anonymous function) @ system.src.js:406ZoneDelegate.invoke @ angular2-polyfills.js:332Zone.run @ angular2-polyfills.js:227(anonymous function) @ angular2-polyfills.js:576ZoneDelegate.invokeTask @ angular2-polyfills.js:365Zone.runTask @ angular2-polyfills.js:263drainMicroTaskQueue @ angular2-polyfills.js:482ZoneTask.invoke @ angular2-polyfills.js:434 
angular2-polyfills.js:332 Error: Error: XHR error (404 Not Found) loading http://localhost:3000/node_modules/ng2-bs3-modal/ng2-bs3-modal(…) 

私はnode_modules\ng2-bs3-modalが既存していることを見ることができますが、 。

ここで何が間違っていますか？

Answer 1

ライブラリから正しいファイルを読み込むようにSystemJSを設定する必要があります。

<script> 
    System.configure({ 
    map: { 
     'ng2-bs3-modal': 'node_modules/ng2-bs3-modal' 
    }, 
    packages: { 
     'ng2-bs3-modal': { 
     format: 'register', 
     defaultExtension: 'js' 
     } 
    } 
    }); 
    (...) 
</script> 

：

次の設定を試みることができます