角4エラーローディングコンポーネント

Question

私はng4-material-dropdownを使用して、プロジェクトのルートフォルダからnpm install ng4-material-dropdown --saveを呼び出すことによってパッケージをインストールしました。このフォルダが/node-componentsの中に存在することを確認できますが、app.module.tsにインポートするとエラーが発生します。

インポート
import { Ng4DropdownModule } from 'ng4-material-dropdown';

エラー

Error: (SystemJS) XHR error (404 Not Found) loading http://localhost:3000/ng4-material-dropdown patchProperty/desc.set/wrapFn@http://localhost:3000/node_modules/zone.js/dist/zone.js:1055:30 ZoneDelegate.prototype.invokeTask@http://localhost:3000/node_modules/zone.js/dist/zone.js:424:17 Zone.prototype.runTask@http://localhost:3000/node_modules/zone.js/dist/zone.js:191:28 ZoneTask/this.invoke@http://localhost:3000/node_modules/zone.js/dist/zone.js:486:28 Error loading http://localhost:3000/ng4-material-dropdown as "ng4-material-dropdown" from http://localhost:3000/app/app.module.js Stack trace: (SystemJS) XHR error (404 Not Found) loading http://localhost:3000/ng4-material-dropdown patchProperty/desc.set/wrapFn@http://localhost:3000/node_modules/zone.js/dist/zone.js:1055:30 ZoneDelegate.prototype.invokeTask@http://localhost:3000/node_modules/zone.js/dist/zone.js:424:17 Zone.prototype.runTask@http://localhost:3000/node_modules/zone.js/dist/zone.js:191:28 ZoneTask/this.invoke@http://localhost:3000/node_modules/zone.js/dist/zone.js:486:28 Error loading http://localhost:3000/ng4-material-dropdown as "ng4-material-dropdown" from http://localhost:3000/app/app.module.js

これはおそらく非常にrooky間違いですが、私は私の人生のためにこれを把握することはできません。

Answer 1

角度cliでアプリを生成した場合は、angular.cli.jsonが必要です。パッケージ化する外部のベンダースクリプトのリストを持っています。apps.scriptsにネストされています。彼は、 `エラー使用

{ 
    //stuff 
    "apps": [ 
    { 
     //Here it is 
     "scripts": [ 
     "ng4-material-dropdown" 
     ] 
    } 
    ], 
    //more stuff 
}