Angular4 4/类型记录/引导程序-无法编译

Question

我得到以下错误：

无法找到多个./node-modules/bootstrap/dist/css/bootstrap.min.css ./src/traceses.css模块中的错误:错误:无法解析 模块未找到:错误:无法在'/Users/hansdeschinkel/VSCode/Resto/node-modules/bootstrap/dist/css/bootstrap.css‘中解析'/Users/hansdeschinkel/VSCode/Resto/node_modules/@angular/cli/models/webpack-configs’

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

我在我的node_modules中保存了引导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'
]

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

Answer 2

角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"
  ],