Electron-Vue，踩坑之Node版本升级

373 字

2 分钟

Electron-Vue，踩坑之Node版本升级

2019-11-16

2020-09-29

闲聊扯皮

electron

/

node

/

vue

node官网将v12版本作为LTS(长期支持版本)的默认下载项已经有段时间当时使用Electron-Vue还是v10版本 v10版本也将在明年4月份后进入维护阶段那就又了今天的教程v10升级v12

其实升级node应该没什么好说的官网下载12.13.0版本直接装就好了这个版本号是发文时候最新的

安装好后直接到项目中跑了一下 yarn dev

1
ERROR in Template execution failed: ReferenceError: process is not defined
2

3
   ERROR in   ReferenceError: process is not defined
4

5
      - index.ejs:102
6
        ../src/index.ejs:102:2
7

8
      - index.ejs:107 module.exports
9
        ../src/index.ejs:107:3
10

11
      - index.js:415
12
        [..]/[html-webpack-plugin]/index.js:415:16
13

14
      - async Promise.all

不出所料，报错了直接百度了以下错误已知的”解决办法”是将版本降回到v10 这他娘的也算是解决办法真是哔了狗

没有深究这个webpack以及这个html-webpack-plugin插件的问题

直接带着问题区github上找了一下直接说解决方案 https://github.com/SimulatedGREG/electron-vue/issues/871#issuecomment-529809406

webpack.renderer.config.js 文件修改

1
new HtmlWebpackPlugin({
2
      filename: 'index.html',
3
      template: path.resolve(__dirname, '../src/index.ejs'),
4
      minify: {
5
        collapseWhitespace: true,
6
        removeAttributeQuotes: true,
7
        removeComments: true
8
      },
9
      isBrowser: false,
10
      isDevelopment: process.env.NODE_ENV !== 'production',
11
      nodeModules: process.env.NODE_ENV !== 'production'
12
        ? path.resolve(__dirname, '../node_modules')
13
        : false
14
    }),

index.ejs 文件修改

1
<!DOCTYPE html>
2
<html lang="zh">
3

4
  <head>
5
    <meta charset="utf-8">
6
    <% if (htmlWebpackPlugin.options.nodeModules) { %>
7

8
      <script>require('module').globalPaths.push('<%= htmlWebpackPlugin.options.nodeModules.replace(/\\/g, '\\\\') %>')</script>
9
      <% } %></head>
10

11
  <body>
12

13
    <% if (!htmlWebpackPlugin.options.isBrowser && !htmlWebpackPlugin.options.isDevelopment) { %>
14
      <script>window.__static = require('path').join(__dirname, '/static').replace(/\\/g, '\\\\')</script>
15
      <% } %>
16
        </body>
17

18
</html>

index 这个文件修改改动是在下面部分 if标签里作者原话是说直接干掉了 process ，确实解决了问题也没发现什么”副作用”

后续BUG有待观察

Electron-Vue，踩坑之Node版本升级

https://x-item.com/electron-upgrade-node.html

作者

惟一 / Virace

发布于

2019-11-16

许可协议

MIT