在開發(fā)Electron-vue的時(shí)候, 我開始的時(shí)候使用的Node 10.xx后面更新到了v12.13.0但是再次運(yùn)行項(xiàng)目的時(shí)候就會(huì)報(bào)錯(cuò)

Html WebpackPlugin:
  ReferenceError: process is not defined

具體報(bào)錯(cuò)信息如下:

process is not defined

我當(dāng)前的項(xiàng)目環(huán)境

node                       v12.13.0
npm                        v6.12.0
webpack                    v4.15.1
vue-cli                    v3.8.2
vue                        v2.5.16
System                     Window 10

問題排查

剛開始并沒有意識(shí)到是因?yàn)镹ode 的版本升級(jí)造成的, 以為那里不小心改錯(cuò)了, 找了好久的問題, 各種排查都沒找到問題的所在, 最后也是尋求了度娘的幫助才把問題解決了。
最終也是在GIthub上找到解決的辦法https://github.com/SimulatedGREG/electron-vue/issues/871

解決問題

修改你項(xiàng)目文件下.electron-vue里面的webpack.renderer.config.js和webpack.web.config.js

./.electron-vue文件

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

最終webpack.web.config.js修改完成后內(nèi)容如下:

webpack.web.config.js添加的內(nèi)容

webpack.renderer.config.js添加的內(nèi)容

測(cè)試運(yùn)行

退出調(diào)試, 重新運(yùn)行項(xiàng)目npm run dev
這樣就可以看到項(xiàng)目正常運(yùn)行了