我的外部 css 文件不會加載到 electron 應用程序中

Question

第一次在這里提問。 我剛開始使用 electron js 制作桌面應用程序，當我嘗試將外部樣式表加載到我的 index.html 文件中時，它不起作用。 這是我的 HTML：

<html lang="en">

<head>
<meta charset="utf-8">
<title>Bundle</title>
<meta name="viewport" content="width=device-width, inital-scale=1.0">
<link rel="stylesheet" type="style.css"
  href="https://raw.githubusercontent.com/AlessioToniolo/Bundle/master/style.css">

</head>

<body>
<div class="header-separation">Hello</div>
<script src="main.js"></script>
<script>
  /* const electron = require('electron');
  const {ipcRenderer} = electron;
  ipcRenderer.send('item:add', item);
  */
  // For other window:
  /* previous code plus
  ipcRenderer.on('item:add', (e, item) => {
  })
  */
</script>
</body>

</html>

當我最初嘗試鏈接到我的外部樣式表時，我只是使用了路徑而不是 URL 但是當它不起作用時，我嘗試從 CSS 框架加載另一個樣式表，該框架確實有效。 我究竟做錯了什么？ 謝謝！

Answer 1

嘗試將 type="style.css" 設置為 type="text/css"。

Answer 2

我不認為 GitHub 允許它因為CSP ，您應該將 CSS 托管在其他地方，例如 unpkg.com。

這里是 GitHub CSP。 您可以在開發工具上查看您的網絡選項卡

default-src 'none'; style-src 'unsafe-inline'; sandbox

我認為這是因為使用了這里描述的沙sandbox

並且請求的內容類型是text/plain而不是text/css所以它不會被執行。

我剛剛試了一下，我不能。 首先你的seperation上有錯別字，2 它應該是type="text/css"

我的外部 css 文件不會加載到 electron 應用程序中

問題描述

2 個解決方案

解決方案1
0 2020-05-14 01:54:24

解決方案2
0 已采納 2020-05-14 02:07:08

我的外部 css 文件不會加載到 electron 應用程序中

問題描述

2 個解決方案

解決方案1 0 2020-05-14 01:54:24

解決方案2 0 已采納 2020-05-14 02:07:08

解決方案1
0 2020-05-14 01:54:24

解決方案2
0 已采納 2020-05-14 02:07:08