25

angular-cli ( https://github.com/angular/angular-cli ) を使用して Angular 2 アプリを作成してから、 ng2-material ( https://github.com/justindujardin/ng2-material )を使用してみました。 UI コンポーネント用。しかし、それを使用するために ng2-material ライブラリをどのように/どこに含める必要があるのか​​ わかりません。

でプロジェクトを作成しng new myproject、サーバーを起動しng serveてWebページを開きましたが、うまくいきました。次のステップでは、ng2-material を でインストールしましnpm install ng2-material --saveた。次に、 https://github.com/AngularShowcase/angular2-seed-ng2-material/blob/master/app/bootstrap.tsMATERIAL_PROVIDERSに示すように、角度のブートストラップに追加しました。

これにより、Web ブラウザーにエラー メッセージが表示GET http://localhost:4200/ng2-material/all 404 (Not Found)され、それを取り除く方法がわかりません。

angular-cli は、index.html で使用されるノード モジュールの一部が最終的に配置される -folder を作成するために何かを行っているようですがdist、それがどこでどのように構成されているかわかりません。

4

2 に答える 2

13

[2016 年 9 月 29 日編集] angular-cli が webpack iso system.js を使用するようになったため、この回答はあまり意味がありません。angular-cli wiki の「 3d party lib installation」および「global lib installation 」のページを確認してください。

[2016 年 10 月 5 日編集]これについては、angular cli wikiで詳細に説明されています。

これは私のために働いた：

ember-cli-build.jsで、依存関係をvendorNpmFilesに追加します。

module.exports = function (defaults) {
  var app = new Angular2App(defaults, {
      vendorNpmFiles: [
          'a2-in-memory-web-api/web-api.js'
      ]
  });
  return app.toTree();
}

(ここで、a2-in-memory-web-api/web-api.jsはnode_modulesフォルダー内のファイルです)

index.htmlに次の行を追加します。

<script src="vendor/a2-in-memory-web-api/web-api.js"></script>

最後に、サーバーを再起動します。

角度のある素材でテストしていませんが、アイデアは得られます。

于 2016-03-09T19:27:00.200 に答える