Electron 加载资源失败答案

【问题标题】：Electron failed to load resourceElectron 加载资源失败
【发布时间】：2019-05-28 11:22:39
【问题描述】：

我使用https://github.com/pbarbiero/basic-electron-react-boilerplate，但在我的 macOS 上更新后，我无法再加载我的应用程序。

在检查器上，显示此错误：

拒绝执行内联脚本，因为它违反了以下内容安全策略指令：“default-src 'self'”。无论是 'unsafe-inline' 关键字，一个哈希 ('sha256-Z+HxFhVCHMznEI/lLsU2FT9krRiVCTm6bGApEd5HAtk=')，或随机数 ('nonce-...') 是启用内联执行所必需的。另请注意 'script-src' 没有明确设置，所以 'default-src' 被用作后备。

index.html 加载资源失败：服务器响应状态为 404（未找到）

我尝试了这种技术https://electronjs.org/docs/tutorial/security#csp-http-header，但得到了同样的错误。

我的 macOS 版本是 Mojave 10.14.2 (18C54)

【问题讨论】：

标签： webpack electron content-security-policy

【解决方案1】：

我已经解决了：

new HtmlWebpackPlugin({
  'meta': {
    'Content-Security-Policy': { 'http-equiv': 'Content-Security-Policy', 'content': "script-src 'self' 'unsafe-inline'; object-src 'self'" },
  }
}),

【讨论】：

你的回答不是很明确，是哪个文件？你把那个代码放在哪里了？

【解决方案2】：

遇到了同样的问题，我想我找到了解决方法。正如警告消息所示，内联脚本被阻止是因为它们违反了内容安全策略 (CSP)。

CSP 定义在 www/index.html: "meta http-equiv="Content-Security-Policy" ...."

变化

script-src * 数据：https://ssl.gstatic.com'unsafe-eval'; 在内容字符串中

script-src * 数据：https://ssl.gstatic.com 'unsafe-inline' 'unsafe-eval';

帮我修好了。

【讨论】：

您好 Muhammad Amir，感谢您的回答。但是这个错误发生在 webpack-dev-server 上，我没有要修改的文件 index.html。我猜是 webpack 错误，我不知道。您的错误也在 wepback-dev-server 上？
您可以尝试将其添加到您的电子窗口选项中：webPreferences: { zoomFactor: 1, allowRunningInsecureContent: true, nodeIntegration: true, }
拜托，你能显示你的 main.development.js 文件吗？
万不得已，去掉indexPath变量，直接指定索引文件的路径如下：mainWindow.loadURL(file://${__dirname}/app.html);并确保路径正确！
Nothing =((，我尝试：new HtmlWebpackPlugin({ 'meta': { 'Content-Security-Policy': { 'http-equiv': 'Content-Security-Policy', ' content': "script-src * data: ssl.gstatic.com 'unsafe-inline' 'unsafe-eval';" }, } })，但还没有