使用Electron运行打包后的vue程序时报错“ReferenceError:process is not defined”

最新推荐文章于 2024-09-18 18:15:42 发布

yzkdcsdn

最新推荐文章于 2024-09-18 18:15:42 发布

阅读量3.4k

点赞数 2

分类专栏： electron 文章标签： vue.js electron webpack

本文链接：https://blog.csdn.net/yzkdcsdn/article/details/127222139

版权

electron 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

1、问题所在
在这里插入图片描述
2、解决方法：
修改.
.electron-vue/webpack.web.config.js
.electron-vue/webpack.renderer.config.js两个文件中的
HtmlWebpackPlugin，添加templateParameters，如下：

```javascript
plugins: [
    new VueLoaderPlugin(),
    new MiniCssExtractPlugin({filename: 'styles.css'}),
    new HtmlWebpackPlugin({
      filename: 'index.html',
	  template: path.resolve(__dirname, '../src/index.ejs'),
	  

> templateParameters(compilation, assets, options) {
>         return {
>           compilation: compilation,
>           webpack: compilation.getStats().toJson(),
>           webpackConfig: compilation.options,
>           htmlWebpackPlugin: {
>             files: assets,
>             options: options
>           },
>           process,
>         };
>       },

      minify: {
        collapseWhitespace: true,
        removeAttributeQuotes: true,
        removeComments: true
      },
      nodeModules: process.env.NODE_ENV !== 'production'
        ? path.resolve(__dirname, '../node_modules')
        : false
    }),
    new webpack.HotModuleReplacementPlugin(),
    new webpack.NoEmitOnErrorsPlugin()
  ],

图中所添加代码行我已标注，单独提取如下：

templateParameters(compilation, assets, options) {
        return {
          compilation: compilation,
          webpack: compilation.getStats().toJson(),
          webpackConfig: compilation.options,
          htmlWebpackPlugin: {
            files: assets,
            options: options
          },
          process,
        };
      },