在 index.html 頂部添加了 bundled css

Question

在構建我的 Angular 9.0.4 應用程序的 prod 版本時，css 被捆綁並添加到 dist/index.html 的頂部，如下所示：

<link rel="stylesheet" href="styles.6ea28d52542acb20a4c6.css"><!doctype html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <title>MyTitle</title>
  <base href="/">

我認為這是導致 Chrome 中的警告：

Resource interpreted as Stylesheet but transferred with MIME type text/html:

並且樣式表未正確呈現。 請注意，這僅在加載帶有子文件夾的域時發生，例如www.mydomain.com/product/1

是否可以配置構建，以便在<base href="/">下面添加樣式表元素，這可能會修復警告？

Answer 1

我不知道移動 css 文件導入的任何方法，但是您可以通過關閉 css 提取來停止此錯誤：

紗線構建 --extractCss=false

或在 angular.json 中的構建配置中

{
 ...
 "build": {
  "configurations": {
    "yourBuildName": {
      ...
      "extractCss": false
    }
  }
 }
}

在 index.html 頂部添加了 bundled css

問題描述

1 個解決方案

解決方案1
2 已采納 2020-03-08 22:52:37

在 index.html 頂部添加了 bundled css

問題描述

1 個解決方案

解決方案1 2 已采納 2020-03-08 22:52:37

解決方案1
2 已采納 2020-03-08 22:52:37