在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
- 将一个Angular2应用程序导入到Phoenix框架中
- 将Typescript 2.3模块发布到NPM for Angular 4 Consumption
- 有没有一个杰克相当于nodejs?
- 部署Angular 2项目时,Azure持续部署在Github上失败
- 运行量angular器testing接收错误“ReferenceError:模块未定义”
- 将NodeJS后端代码添加到基于Angular-seed的项目
- 如何在量angular器中进行HTTP GET + POST请求
- 当为一个npm模块使用一个私有的git url时,如何configuration消费应用程序只使用模块的dist文件夹中的文件?
- 错误,当我部署ng build –prod Angular 4.3.2