electron踩坑

1. electron Unable to find Electron app at

出现这种问题，我们应该第一时间查看你的package.json文件中的main是不是指向electron的开始文件。

2. electron窗口打开后没内容

先查看你的electron 主进程是否加载，监听项目运行的端口

再查看配置文件webpack.config.js中的devServer的配置

devServer: {
    contentBase: path.join(__dirname, "dist"), //编译好的文件放在这里
    compress: true,
    port: 9000 //本地开发服务器端口
},

3.项目运行后，打开开发者工具，刷新页面报错

使用run-electron 插件。

npm install run-electron electron

将原来的electron . 替换成run-electron .

打包electron

我使用的是electron-builder

// 安装全局的electron-builder
$sudo npm install electron-builder -g
// 项目安装
$npm install electron-builder

打包成功后window 7上运行报错

最后发现是依赖安装不全导致。

打包完成后运行报错

Not allowed to load local resource

// 打包的main入口文件和Dev时的有区别。不然找不到路径
  mainWindow.loadURL(url.format({
    pathname: path.join(__dirname, './index.html'),
    protocol: 'file:',
    slashes: true
  }))