在角度5上输入ngx-bootstrap css时出错

时间:2018-03-17 17:53:43

标签: angular5 ngx-bootstrap

使用ngx-bootstrap

在angular5上加载css时出错

Refused to apply style from 'http://localhost:3000/node_modules/ngx-bootstrap/datepicker/bs-datepicker.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.

我只在index.html中包含css <link href="../node_modules/ngx-bootstrap/datepicker/bs-datepicker.css" rel="stylesheet"/>

2 个答案:

答案 0 :(得分:1)

如果您正在使用ng-cli,还可以在.angular-cli.json中添加该样式。然后Angular CLI将负责将文件添加到index.html:

{
  ...
  "styles" : [
    "../../../node_modules/bootstrap/dist/css/bootstrap.min.css",
    "../../../node_modules/ngx-bootstrap/datepicker/bs-datepicker.css",
    "styles.scss",
    ...
  ],
  ...
}

或者,如果不是angular-cli,那么webpack可以为你处理这个问题。

答案 1 :(得分:0)

尝试在链接标记中添加以下内容:

type="text/css"

祝你好运