0%

electron-vue报错process is not defined的解决方法

在按照官方文档创建一个项目之后,运行时报错ReferenceError: process is not defined,综合相关issue和个人经验,总结出了最简单的解决方法如下。

首先打开.electron-vue/webpack.renderer.config.js,在大约第125行的new HtmlWebpackPlugin中任意位置添加一个成员变量isBrowser: process.browser如下所示

1
2
3
4
5
new HtmlWebpackPlugin({
...
isBrowser: process.browser,
...
}),

然后打开src/index.ejs,在大约第16行的位置找到

1
<% if (!process.browser) { %>

将其改成

1
<% if (!htmlWebpackPlugin.options.isBrowser) { %>

然后再次启动程序,可见问题解决。