electron-builder打包失败，空白页面Failed to load resource: net::ERR_FILE_NOT_FOUND

最新推荐文章于 2024-02-18 00:21:33 发布
最新推荐文章于 2024-02-18 00:21:33 发布
阅读量5.8k 收藏 1
点赞数
分类专栏： 疑难杂症 electron 文章标签： reactjs
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42826294/article/details/113595862
版权

空白的页面，控制台报错

Failed to load resource: net::ERR_FILE_NOT_FOUND

因为这是相对路径的原因，在package.json的一级添加如下转为绝对路径：

  "homepage": "./",

在这里插入图片描述
❤️ 爱心三连击

1.看到这里了就点个在看支持下吧，你的「在看」是我创作的动力。

2.关注公众号前端梦想家，「一起学前端」！

3.添加微信【qdw1370336125】，拉你进技术交流群一起学习。
在这里插入图片描述

前端梦想家
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
Electron 使用electron-packager、electron-builder打包demo
08-03
该文件是使用Electron开发的demo，使用electron-packager、electron-builder打包的例子
electron-builder 打包后 出现Not allowed to load local resource:
xidianyueyong的博客
08-02 6331
才开始搞electron 在融合react 和electron 后本地node起服务运行看似一切都很完美，但是当我把react 打包到build文件下并 修改了main.js mainWindow.loadURL(url.format({ pathname: path.join(__dirname, './build/index.html'), proto...
Failed to load resource: net::ERR_FILE_NOT_FOUND问题解决
最新发布
sensendedede的博客
02-18 1654
文件中，静态资源的引用路径将是相对于当前路径的，而不是绝对路径。的效果就是让构建后的资源使用相对路径引用，而不是绝对路径。默认情况下，Vue CLI 生成的项目会把所有静态资源引用路径设置为绝对路径，即。的设置，构建后的资源引用路径已经是相对路径了，所以你不需要手动改变。是告诉 webpack 打包后的文件在浏览器中的访问路径。这适用于大多数情况，尤其是当你的项目部署在服务器的根目录时。文件中的引用路径，这由 webpack 自动处理了。时，实际上是将构建后的资源相对于当前路径进行引用。
vite-electron-builder：基于Vite 2.0的Electron应用程序模板
02-20
Vite电子生成器模板 Vite +电子= :fire: 这是用于电子应用的安全模板。 遵循最新的安全要求，建议和最佳实践编写。 在引擎盖下使用了超快速，下一代捆绑用于编译的。 默认情况下，该接口使用Vue框架，但是您可以轻松使用任何其他框架，例如React ， Preact ， Angular ， Svelte或其他任何框架。 Vite与框架无关 支持 此模板由维护。 你可以 继续开发此模板。 如果您有想法，问题或建议-欢迎进行。 :smiling_face_with_smiling_eyes: 特征 电子 模板使用最新的电子版以及所有最新的安全补丁。 应用程序的体系结构是根据安全建设和最佳实践。 的最新版本用于编译应用程序。 恶毒 用于捆绑所有源代码。 这是一款非常快速的打包机，具有许多强大的功能。 您可以在视频中了解有关其安排的更多信息。 Vite读取.env文件。 我的模板有一个单独的命令来生成带有环境变量类型定义的.d.ts
Electron 打包问题:electron-builder 下载各种依赖出错(推荐)
10-15
主要介绍了Electron 打包问题：electron-builder 下载各种依赖出错,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
umi-plugin-electron-builder：umi的electron插件
02-17
umi-plugin-电子构建器 本插件参考 安装 仅支持umi3 $ npm i umi-plugin-electron-builder --save-dev 或者 $ yarn add umi-plugin-electron-builder --dev 安装之后会自动生成相关文件 默认安装最新版本的电子 自动生成主进程文件src / main / main.ts 自动在package.json增加 { "scripts" : { "rebuild-deps" : "electron-builder install-app-deps" , "electron:dev" : "umi dev electron" , "electron:build:win" : "umi build electron --win" , "electron:build:m
使用Electron来给若依系统打包成exe程序，访问资源出现Failed to load resource: net::ERR_FILE_NOT_FOUND‘（已经解决）
阿丹的博客
07-08 1273
前面完成了登录页面的报错，可以看到验证数字码已经正常出来了，那么就说明已经和本地的spring-boot项目进行了交互。在登录进入后，发现进行了跳转但是出现了白屏。
使用electron打包exe出现报错 /E:/prod-api/captchaImage:1 Failed to load resource: net::ERR_FILE_NOT_FOUND（若依）
阿丹的博客
07-07 493
阿丹：因为刚接触electron打包客户端，刚解决完css文件找不到的问题，又出现了如下问题。
spring-boot+vue项目使用 electron打包exe桌面项目，桌面端出现报错Failed to load resource: net::ERR_FILE_NOT_FOUND（解决）
阿丹的博客
07-07 2006
阿丹：因为之前使用百度网盘开放平台进行开发，发现百度网盘只支持在桌面应用的开发上传，所以在使用electron打包vue之后运行出现这个问题如果要看到这个报错信息那么需要先打开控制台，可以先参考这个文章。
Failed to load resource: net::ERR_FILE_NOT_FOUND
HarryHY的博客
12-12 2936
vue2.0cli打包后 出现了一个背景图炸了，而其他的是好的，百思不得其解，要出不来 也是全部出不来啊 修改utils.js增加了 publicPath:’…/…/’,如下 if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, publicP...
Failed to load resource: net::ERR_FILE_NOT_FOUND（vue 项目通过 npm run build 打包以后页面没有内容）
muzidigbig的博客
03-17 8717
顾名思义这是一个路径问题！！！！！ 当项目build后打开dist/index.html你会发现页面什么都没有（空白页），查看页面console 惊奇的发现一片红 更改点一： 此时你需要查看你的配置文件webpack.config.js(vue.config.js) 是否配置了publicPath:'./', module.exports = { publicPath:'./', // 执行 npm run build 统一配置路径 } 再次打包index.html .
electron 引用本地文件报错net::ERR_UNKNOWN_URL_SCHEME
youyudexiaowangzi的专栏
02-22 2894
原因electron 4.x开始后的安全策略，不识别file:///开始的url 解决方案：main.js中，加入 function createWindow () { /** * Initial window options */ mainWindow = new BrowserWindow({ height: 768, useContentSize: true, width: 1300, webPreferences:{ webSec
electron-builder打包白屏，报错：Not allowed to load local resource: file:///index.html解决方法
舜岳的博客
03-04 6195
报错如下： （还有的是控制台弹窗报错） 先看看项目目录结构： |--dist |--|--index.html //打包好的主入口文件 |--|--main.bundle.js //打包好的main.js文件 |--|--... |--src |--|--main //main.js文件在里面 |--|--|--main.js //electron主入口文件 |--|--renderer //...
成功解决：Failed to load resource: net::ERR_FILE_NOT_FOUND
热门推荐
做笔记\记录遇到的程序bug
08-29 12万+
在vscode中使用插件NPM脚本进行打包项目操作、然后运行打包后的项目、没有效果。
Failed to load resource: net::ERR_INSECURE_RESPONSE 问题解决记录
weixin_30947043的博客
01-23 784
项目在小米自带浏览器中出现了文件丢失。经检查发现这些链接引用全部是完整的线上url。改为相对路径问题解决。 同时消失的bug还有一个Error in event handler for runtime.onMessage: SecurityError: Failed to read the 'cssRules' property from 'CSSStyleSheet': Cannot ac...
Script引入CDN链接提示net::ERR_FILE_NOT_FOUND问题
个人博客：www.chaichaisocute.top
06-10 538
Script引入CDN链接提示net::ERR_FILE_NOT_FOUND问题
electron加载html加载不起来,electron-packager打包应用后，页面空白，应用中的index.html不能执行引入的...
weixin_31046701的博客
06-09 1422
问题描述我用webpack-vue脚手架创建了工程，开发完成后需要适配多平台，所以又用electron-packager来打包，完成打包后，打开应用，index.html中引入的js和css文件路径都没有错，但是js文件没有执行，页面也是完全空白，求问各位大神，这个怎么解决。问题截图如下：问题出现的环境背景及自己尝试过哪些方法这个应用在web上是可以启动的，用的是webpack-dev的serve...
使用Electron打包JavaSpringboot项目为exe文件（含electron-builder下载出错解决方案）
小哈里的博客
05-23 4692
文章目录1、问题背景2、electron入门，使用electron打包静态页面或URL3、electron-builder下载出错4、使用electron打包springboot 1、问题背景 问题如下： 现在我们有一个springboot的项目，启动后可以在localhost:8080访问网站并使用网站提供的服务。 我们想要打包为windows下的可执行文件exe，即 exe会自动打开一个窗口访问到该网站。 使用说明： 请先将项目打包为jar，并确保可以通过java -jar即可启动该web服务 使
Electron打包发布应用程序以及过程中遇到错误解决
qq_36651243的博客
04-28 8306
打包发布步骤 此处用到的打包发布应用程序的工具是Electron Forge 1.导入Electron Forge到项目工程目录 npm install @electron-forge/cli --save-dev npx electron-forge import 或者执行 npx @electron-forge/cli import 2.创建一个发布版本 npm run make 3.查看发布版本 发布版本软件包在当前目录的out文件夹中 打包发布错误解决 Making for the fo

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值