在Angular 2 cli项目中集成bootstrap

面对将Bootstrap与angular色2 cli集成的问题。 我是新的angular2 CLI请指导我,纠正我,如果我正在做我的步骤错了。 提前致谢。

步骤如下:
1. npm install bootstrap @ next –save
2.修改.angular-cli.json文件
这是我修改的:

"styles": [ "../node_modules/bootstrap/dist/css/bootstrap.css", "styles.scss" ], "scripts": [ "../node_modules/jquery/dist/jquery.js", "../node_modules/tether/dist/tether.js", "../node_modules/bootstrap/dist/js/bootstrap.js" ], 

用ng服务重新启动应用程序

发生错误如下:

在多脚本加载器中出现错误!./〜/ jquery / dist / jquery.js script-loader!./〜/ tether / dist / tether.js script-loader!./〜/ bootstrap / dist / js / bootstrap.js找不到模块:Error:无法parsing'/ Users / sagarbhanushali / projectangularcliyoutube / myProject / node_modules / @ angular / cli / models /'中的'/Users/sagarbhanushali/projectangularclyoutube/myProject/node_modules/tether/dist/tether.js' webpack-configs'@ multi script-loader!./〜/ jquery / dist / jquery.js script-loader!./〜/ tether / dist / tether.js script-loader!./〜/ bootstrap / dist / js / bootstrap.js

我是新的angular2 CLI请指导我,纠正我,如果我正在做我的步骤错了。 提前致谢。

解决了…使用bootstrap加载程序来解决它。 运行以下命令。 1. npm install –save resolve-url-loader –dev 2. npm i –save-dev bootstrap @ next bootstrap-loader系绳jquery