解决electron-vue运行出现Webpack ReferenceError: process is not defined

我的开发环境为

  • node 12.16.3
  • npm 6.14.4
  • vue - cli 4.1.1

根据issue中的描述

修改:.electron-vue文件夹下的webpack.web.config.jswebpack.renderer.config.js
但是运行后会报错找不到nodemodules中的组件

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

此处nodemodules,不应修改,
所以正确代码应该是

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

版权声明:本文为qq_42153143原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。