当我在 angular.json 文件中提供路径时，Angular 无法从 node_modules 访问引导程序

Question

我正在尝试在我的 Angular 项目中安装引导程序。

1. 我用

   npm install --save bootstrap

   在我的项目中安装bootstrap
2. 之后我安装了jquery
3. 提供的引导程序路径

下面是angular.json文件：

"styles": [
          "../node_modules/boostrap/dist/css/bootstrap.css",
          "src/styles.css"
        ],
        "scripts": [
          "../node_modules/jquery/dist/jquery.min.js",
          "../node_modules/bootstrap/dist/js/bootstrap.min.js"
        ]

当我在 style.css 中传递上述引导程序路径时，它可以工作，但我想通过将路径传递给 angular.json 来使其工作。

style.css 文件

@import "../node_modules/bootstrap/dist/css/bootstrap.css"

下面提到了我尝试过的所有路径：

"./node_modules/boostrap/dist/css/bootstrap.css"

“node_modules/boostrap/dist/css/bootstrap.css”

"../node_modules/boostrap/dist/css/bootstrap.css"

Answer 1

在我的项目上，我是这样的。

"./node_modules/boostrap/dist/css/bootstrap.css"

但请记住，如果您不停止服务并再次运行

ng serve

，它将不会显示更改，因为导入是在 ng 服务过程开始时进行的。

希望对你有用。

如果您从原始配置的位置更改了 angular.json，请告诉我我们可以找出正确的路径

Answer 2

我有同样的问题。在我使用以下代码更新 styles.css 文件后，它起作用了。

@import "~bootstrap/dist/css/bootstrap.css";

然后我删除它并在 angular.json 中使用以下代码

       "styles": [
          "node_modules/bootstrap/dist/css/bootstrap.css",
          "src/styles.css"
        ],
        "scripts": [
          "node_modules/bootstrap/dist/js/bootstrap.js"
        ]

然后我按照这里的说明重新运行

ng serve

。有效。谢谢