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) { %>

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