我的外部 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