Angular 6-拒绝应用'...'中的样式，因为它的MIME类型（'text / html'）不是受支持的样式表

Question

尝试升级到Angular 6并在index.html中引用以下内容时出现以下错误：

拒绝从' https：// localhost：44394 /〜/ assets / primengcss / themes / omega // theme.css ' 应用样式，因为它的MIME类型（'text / html'）不是受支持的样式表MIME类型，并且严格MIME检查已启用。

Answer 1

经过一番挖掘后找到了答案（至少对我有用）：

看起来在Angular 6中，我们需要将所有外部CSS（例如bootstrap，fontawesome，Primeng等）包括到angular.json中，如下所示：

        "styles": [
          "./node_modules/bootstrap/dist/css/bootstrap.min.css",
          "./node_modules/font-awesome/css/font-awesome.min.css",
          "src/styles.css",
          "./node_modules/primeng/resources/themes/omega/theme.css",
          "./node_modules/primeng/resources/primeng.min.css",
          "./node_modules/primeicons/primeicons.css"
        ],
        "scripts": [
          "./node_modules/jquery/dist/jquery.slim.min.js",
          "./node_modules/popper.js/dist/umd/popper.min.js",
          "./node_modules/bootstrap/dist/js/bootstrap.min.js"
        ]