拒绝应用'http：// localhost：1234 / node_modules / primeicons / primeicons.css'中的样式，因为其MIME类型（'text / html'）

Question

index.html在Angular 6应用程序中添加以下样式时，出现以下错误。

拒绝应用来自“ http：// localhost：1234 / node_modules / primeicons / primeicons.css ”的样式，因为它的MIME类型（'text / html'）不是受支持的样式表MIME类型，并且启用了严格的MIME检查。

  <link rel="stylesheet" type="text/css" href="/node_modules/primeicons/primeicons.css" />
  <link rel="stylesheet" type="text/css" href="/node_modules/primeng/resources/themes/nova-light/theme.css" />
  <link rel="stylesheet" type="text/css" href="/node_modules/primeng/resources/primeng.min.css" />

我该如何解决该错误？

Answer 1

与其index.html在您的style.css文件中添加样式，不如在下面添加样式

Style.css

  @import '~primeicons/primeicons.css';
  @import '~primeng/resources/themes/nova-light/theme.css';
  @import '~primeng/resources/primeng.min.css';

希望对您有所帮助！