electron-vue的ReferenceError：process is not defined解决

最新推荐文章于 2023-09-18 21:11:13 发布

薛定喵君

最新推荐文章于 2023-09-18 21:11:13 发布

阅读量3.1k

点赞数

CC 4.0 BY-SA版权

文章标签： vue java linux web javascript

本文链接：https://blog.youkuaiyun.com/jsxg2009/article/details/115244551

本文介绍了如何修复在Windows环境下Electron-Vue项目中遇到的'process is not defined'错误，通过在Webpack配置文件中添加process变量。具体步骤是在.webpack.web.config.js和.webpack.renderer.config.js的 HtmlWebpackPlugin模板参数中增加process对象。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

electron-vue在Windows下面报process is not defined错误

使用electron-vue开发的时候报了如下错误

运行环境
解决方法
测试
参考资料

# 运行环境

node v12.16.3
npm 6.14.4
webpack v4.15.1
vue v2.5.16
vue-electron v1.0.6
electron v4.2.5
系统 windows Server 2012 R2

# 解决方法

修改项目文件
.electron-vue目录下
- webpack.renderer.config.js
- webpack.web.config.js

在两个文件的new HtmlWebpackPlugin方法内(template及minify参数之间)追加代码，最终如下所示

// webpack.web.config.js
new HtmlWebpackPlugin({
    filename: 'index.html',
    template: path.resolve(__dirname, '../src/index.ejs'),
    // ----fix process is not defined----
    templateParameters(compilation, assets, options) {
        return {
            compilation: compilation,
            webpack: compilation.getStats().toJson(),
            webpackConfig: compilation.options,
            htmlWebpackPlugin: {
            files: assets,
            options: options
            },
            process,
        };
    },
    // ----fix process is not defined----
    minify: {
    collapseWhitespace: true,
    removeAttributeQuotes: true,
    removeComments: true
    },
    nodeModules: false
}),

// webpack.renderer.config.js
new HtmlWebpackPlugin({
    filename: 'index.html',
    template: path.resolve(__dirname, '../src/index.ejs'),
    // ----fix process is not defined----
    templateParameters(compilation, assets, options) {
        return {
            compilation: compilation,
            webpack: compilation.getStats().toJson(),
            webpackConfig: compilation.options,
            htmlWebpackPlugin: {
            files: assets,
            options: options
            },
            process,
        };
    },
    // ----fix process is not defined----
    minify: {
    collapseWhitespace: true,
    removeAttributeQuotes: true,
    removeComments: true
    },
    nodeModules: process.env.NODE_ENV !== 'production'
    ? path.resolve(__dirname, '../node_modules')
    : false
}),