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

薛定喵君

发布于 2020-07-14 10:33:45

3.4K00

代码可运行

文章被收录于专栏：薛定喵君薛定喵君

运行总次数：0

代码可运行

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
}),