将 bootstrap 集成到 Angular 2 cli 项目中

Question

在将 Bootstrap 与 angular 2 cli 集成时遇到问题。我是 angular 2 CLI 的新手，如果我的步骤有误，请指导我并纠正我。提前致谢。

遵循的步骤：
1. npm 安装 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 serve 重新启动应用程序

出现错误如下：

ERROR in multi script-loader!./~/jquery/dist/jquery.js script-loader!./~/tether/dist/tether.js script-loader!./~/bootstrap/dist/js/bootstrap.js Module not found: Error: Can't resolve '/Users/sagarbhanushali/projectangularcliyoutube/myProject/node_modules/tether/dist/tether.js' in '/Users/sagarbhanushali/projectangularcliyoutube/myProject/node_modules/@angular/cli/models/webpack-configs' @ multi script-loader!./~/jquery/dist/jquery.js script-loader!./~/tether/dist/tether.js script-loader!./~/bootstrap/dist/js/bootstrap.js

我是 angular 2 CLI 的新手，如果我的步骤有误，请指导我并纠正我。提前致谢。

Answer 1

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

将 bootstrap 集成到 Angular 2 cli 项目中

Integrating bootstrap in Angular 2 cli project

jquery

node.js

twitter-bootstrap

angular2-routing

angular