我想尝试用angular-cli(
https://github.com/angular/angular-cli)创建一个Angular 2应用程序,然后使用ng2-material(
https://github.com/justindujardin/ng2-material)作为UI组件。但我只是不明白我/我必须包括ng2素材库才能使用它。
我用新的myproject创建了一个项目,然后我用ng服务器启动了服务器,打开了刚刚完成的网页。下一步,我用npm安装ng2材料安装了ng2材料 – 保存。然后我添加了MATERIAL_PROVIDERS到角度的引导,如这里所示https://github.com/AngularShowcase/angular2-seed-ng2-material/blob/master/app/bootstrap.ts。
这导致Web浏览器中出现错误消息GET http:// localhost:4200 / ng2-material / all 404(未找到),我只是无法弄清楚如何摆脱它。
angular-cli似乎正在做一些事情来创建一个dist文件夹,其中一些在index.html中使用的节点模块最后出现,但我看不到配置的位置或方式。
[编辑29/09/2016]现在,角度使用webpack iso system.js,这个答案不再是很有意义了。检查角度维基页面上的“
3d party lib installation”和“
global lib installation”。
[编辑10/05/2016]现在在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>
最后你重新启动你的服务器。
没有用角质材料测试它,但你得到的想法。