Question

我收到以下错误：

多个./node-modules/bootstrap/dist/css/bootstrap.min.css中的错误       ./src/styles.css       找不到模块：错误：无法解决

找不到模块：错误：无法解决   ＆＃39; /Users/hansdeschinkel/VSCode/Resto/node-modules/bootstrap/dist/css/bootstrap.css'   在   ＆＃39; /用户/ hansdeschinkel / VSCode /恢复/ node_modules / @角/ CLI /模型/的WebPack-CONFIGS＆＃39;

"styles": [
    "../node-modules/bootstrap/dist/css/bootstrap.min.css",
    "styles.css"
  ],

我已在node_modules中保存了bootstrap 3.3.7。我还将它添加到我的angular/cli.json文件夹中：我正在使用VSCode

Answer 1

如果您的styels.css位于src文件夹中，bootstrap.min.css位于node_modules文件夹中，则更改您的代码，如下所示：

styles: [
       'node_modules/bootstrap/dist/css/bootstrap.css',
       'src/styles.css'
]

在angular-cli中渲染css文件，给出绝对路径而不是相对路径。

Answer 2

对于Angular 6

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

Answer 3

您应该从以下位置更改路径

    "styles": [
    "../node-modules/bootstrap/dist/css/bootstrap.min.css",
    "styles.css"
  ],

到

    "styles": [
    "/node-modules/bootstrap/dist/css/bootstrap.min.css",
    "styles.css"
  ],

Angular4 / Typescript / Bootstrap-无法编译

3 个答案: