在Angular 2 cli项目中集成bootstrap

时间:2017-06-26 22:55:58

标签: jquery node.js twitter-bootstrap angular angular2-routing

将Bootstrap与angular 2 cli集成在一起的问题。 我是角度2 CLI的新手请指导我,如果我的步骤错误,请纠正我。提前谢谢。

遵循的步骤:
 1. npm install bootstrap @ next --save
 2.修改.angular-cli.json文件
这就是我修改的内容:

/publicPath/[resource reference]

使用ng服务重新启动应用

错误发生如下:

  

多脚本加载器中的错误!./~ / jquery / dist / jquery.js   脚本的装载机!./〜/系绳/距离/ tether.js   script-loader!./~ / bootstrap / dist / js / bootstrap.js找不到模块:   错误:无法解决   '/Users/sagarbhanushali/projectangularcliyoutube/myProject/node_modules/tether/dist/tether.js'   在   '/用户/ sagarbhanushali / projectangularcliyoutube / myProject的/ node_modules / @角/ CLI /模型/的WebPack-CONFIGS'   @ multi script-loader!./~ / jquery / dist / jquery.js   脚本的装载机!./〜/系绳/距离/ tether.js   脚本装载机!./〜/引导/ DIST / JS / bootstrap.js

我是角度2 CLI的新手请指导我,如果我的步骤错误,请纠正我。提前谢谢。

1 个答案:

答案 0 :(得分:2)

...解决 用bootstrap loader来解决它。 运行以下命令。 1. npm install --save resolve-url-loader --dev 2. npm i --save-dev bootstrap @ next bootstrap-loader tether jquery