当前位置: 首页 > news >正文

开发electron时候Chromium 报 Not allowed to load local resource → 空白页。

报错含义
主进程(main.js)里 win.loadFile()/win.loadURL() 指向了
file:///…/app.asar/build/index.html
但打包后真正的文件位于 app.asar 内部,路径拼错,于是 Chromium 报 Not allowed to load local resource → 空白页。

根因
electron-builder 把 build 目录放进了 app.asar
而你用 loadFile 时把路径写成 file:// + 绝对路径,
多了一层 /app.asar/ 文件夹,导致找不到。

正确写法(生产环境)

  1. loadFile

    const path = require('path');
    win.loadFile(path.join(__dirname, '../build/index.html'));
    

    注意:

    • 不要加 file:// 协议头;
    • 相对路径以打包后的目录结构为准。
  2. 或用 loadURL 配合 asar 协议(不推荐,易出错):

    win.loadURL(`file://${__dirname}/../build/index.html`);
    
  3. 确保 electron-builder 配置把 build 目录打进去
    package.json → build → files 至少包含:

    "files": ["build/**/*","electron/**/*","node_modules/**/*"
    ]
    
  4. 删除旧产物再重新打包

    rmdir /s /q dist
    npm run build-electron-win64
    
  5. 运行安装包 dist\Harbour-1.0.0-win-x64.exe
    打开 DevTools,若不再出现 Not allowed to load local resource,页面即可正常渲染。

http://www.xdnf.cn/news/1373095.html

相关文章:

  • 【分布式技术】Kafka 数据积压全面解析:原因、诊断与解决方案
  • 基于muduo库的图床云共享存储项目(一)
  • More Effective C++ 条款10:在构造函数中防止资源泄漏
  • Tomcat的VM options
  • 广告推荐模型3:域感知因子分解机(Field-aware Factorization Machine, FFM)
  • 变压器副边电流计算
  • ARP地址解析协议
  • 嵌入式C语言进阶:结构体封装函数的艺术与实践
  • Java 集合笔记
  • 宝石组合(蓝桥杯)
  • 2025最新的软件测试热点面试题(答案+解析)
  • 【Linux 34】Linux-主从复制
  • plantsimulation知识点 RGV小车前端与后端区别
  • CNN 中 3×3 卷积核等设计背后的底层逻辑
  • spring如何通过实现BeanPostProcessor接口计算并打印每一个bean的加载耗时
  • 如何下载MySQL小白指南 (以 Windows 为例)
  • 基础|Golang内存分配
  • 学习游戏制作记录(保存装备物品技能树和删除存档文件)8.26
  • 数据结构的线性表 之 链表
  • 深度学习——神经网络(PyTorch 实现 MNIST 手写数字识别案例)
  • 2026 届最新大数据专业毕设选题推荐,毕业设计题目汇总
  • typescript 中的访问修饰符
  • 工业数据消费迎来“抖音式”革命:TDengine IDMP 让数据自己开口说话
  • 利用3台机器搭建Kubernetes集群
  • 工业大模型五层架构全景解析:从算力底座到场景落地的完整链路
  • 《分布式任务调度中“任务重复执行”的隐性诱因与根治方案》
  • 算法练习-合并两个有序数组
  • Java大厂面试全真模拟:从Spring Boot到微服务架构实战
  • HTML应用指南:利用GET请求获取中国银行人民币存款利率数据
  • 【系统架构设计(二)】系统工程与信息系统基础中:信息系统基础