常见问题
- 为什么运行
npm run dev
之后我的 electron 应用程序是空白的? - 为什么我的 electron 程序显示了文件浏览器?
- 为什么没有
vue-devtools
或devtron
? - 在哪里放置我的静态资源?
- 为什么
npm run lint
会出现错误? - 为什么我无法在网页浏览器中加载应用程序?
- 如何导入
jquery
? - 如何调试
main
进程?
为什么运行 npm run dev
之后我的 electron 程序是空白的?
简要
请确认你没有设置可能篡改 webpack-dev-server
的个人 代理。
为什么我的 electron 程序显示了文件浏览器?
简要
你的 src/renderer
包含错误。请检查 控制台 (console),修复错误,然后用 CommandOrControl+R
刷新 electron。
详述
如果你的 src/renderer
中出现错误,则会在首次运行时与 ESLint 产生冲突。接着,一个无效的 webpack 的 renderer.js
会被生成出来,它会打断 HtmlWebpackPlugin
创建 index.html
。由于 webpack-dev-server
没有 index.html
可以提供服务,所以服务器失败,程序返回到文件浏览器。
为什么没有 vue-devtools
或 devtron
?
如果缺少 vue-devtools
或 devtron
,请确保首次启动时,关闭并重新打开开发者工具面板。另外,请检查你的终端,检查是否在安装过程中有任何可能的错误消息。
在哪里放置我的静态资源?
为什么 npm run lint
会出现错误?
eslint 的默认属性是将控制台的错误打印出来,如果发现脚本以非零值退出结束时 (它会产生 npm 错误)。这是正常的行为。
为什么我无法在网页浏览器中加载应用程序?
如何导入 jquery
?
如果你想使用 bootstrap
,我将不得不在此打住你。在同一环境中使用 vue
和 jquery
并不是一个好的做法,这导致两个框架的相互冲突。我强烈建议使用一个 bootstrap
的替代方法,并使用 vue
提供的 JavaScript 的功能。一些建议包括使用 bootstrap-vue
和 vue-strap
。若有任何原因使你必须使用 jquery
,记得从 webpack
的文档里寻求有关 ProvidePlugin
的指导,或者参见 #192。
如何调试 main
进程?
当使用 electron@^1.7.2
时,你可以打开 Google Chrome,然后转到 chrome://inspect
,在应用程序以开发模式运行时,弹出远程的 electron 进程。
[Electron 文档](https://github.com/electron/electron/blob/master/docs/tutorial/debugging-main-process.md)