如何在 Angular 6 项目上正确地从 bootstrap 3.3.7 升级到 4.0

Question

我正在开发我的第一个 Angular 6 项目，首先，我安装了 Bootstrap 3.3.7（通过 npm）

现在我在这里看到了一些轮播和我想在我的项目中实现的东西，但需要 BS 4.0。

我应该如何以安全的方式进行升级？我自己尝试过，但我一定是破坏了某些东西，因为项目停止编译。我恢复了备份，我想现在就做。

谢谢

Answer 1

以下步骤可以帮助您。

1. 在项目根目录中找到一个名为package.json 的文件。
2. 在该文件中转到依赖项对象。查找"bootstrap":"^3.3.7"。
3. 将该条目修改为"bootstrap":"^4.0.0".
4. npm install在您的项目根目录中运行。

上述步骤成功地在您的 node_modules 中安装了bootstrap-4。

要使用 bootstrap .js 和 .css 文件，你必须在你的angular.json文件中导入它们。

为此，请转到angular.json文件中的样式数组并导入 bootstrap .css 文件，如下所示：

"styles":[
    "./node_modules/bootstrap/dist/css/bootstrap.min.css"
]

要导入 bootstrap .js 文件，请转到angular.json 中的脚本数组并按如下方式导入：

"scripts":[
   "./node_modules/bootstrap/dist/js/bootstrap.min.js",
]

现在用ng build或ng serve编译你的代码。它会顺利运行。如果它引发任何错误，请告诉我。