当前位置:首页 > 前端 > 正文内容

electron-vue ReferenceError process is not defined

淙嶙4年前 (2021-03-05)前端1959

问题:在使用electron-vue时候,运行npn run dev,会出现下面的错误

解决方法:

1、找到根目录下的.electron-vue目录

2、找到该目录下的webpack.renderer.config.js文件,找到这段代码:

new HtmlWebpackPlugin({
  // ...
})

3、用下面的代码将这段代码替换:

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

4、再找到该目录下的webpack.web.config.js文件,找到这段代码:

new HtmlWebpackPlugin({
  // ...
})

5、用下面的代码将这段代码替换:

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

6、最后重新编译就解决了(注意两个文件替换的内容是不一样的)

相关文章

图片下载跨域问题

图片下载跨域问题

开发的二维码图片下载功能,报了如下的错误,Tainted canvases may not be exported。 “受污染的画布可能会不能输出“ 下面是来着stack overflow的解决方...

重置请限制你的范围

重置请限制你的范围

出现问题昨天就一直有人反馈录入功能不正常,可一直找不到问题,因为问题不能重现。具体现象是外地分部使用录入功能,录入的数据丢失了一个字段,但它在前台页面是一组单选按钮,是有默认值,数据库也是有默认值的,...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。