标签：vue babel app Electron client babel7 后台 jsx

如果是babel6.23的版本，没什么大的问题。

如果是使用babel-upgrade升级到babel7，要注意自己的electron，之前如果根据提示下载了缺失的依赖，要确认这个依赖是否支持babel7。

首先要移除掉这些库，替换为支持babel7版本的库。例如以下这个是我在排查时寻找到的替换库：

@vue/babel-plugin-transform-vue-jsx

因为babel-plugin-transform-vue-jsx这个库只支持babel6，而@babel/plugin-transform-vue-jsx又不存在。因此寻找很久，才找到一个支持babel7版本的jsx库。

在自动化测试框架中，如果使用spectron，那么需要修改e2e文件夹下的index.js，这个文件的babel-register需要修改为如下：

require('@babel/register')({
  ignore: [ /node_modules/ ]
})

这样就可以将依赖的babel6替换为babel7了。

到这一步，测试框架基本可以正常跑起来。

如果是按照前面两篇文章添加的多进程，还需要修改测试代码如下，使得spectron能绑定到对应的进程，进行测试：

  it('validate application title', function() {
　　// 此处的this.app.client是第一个进程
    this.app.client.windowByIndex(1).then(() => {
　　　　// 此处的this.app.client是第二个进程
      let title = this.app.client.getTitle()
      expect(title).to.equal('civet')
    })
  })

标签：vue,babel,app,Electron,client,babel7,后台,jsx
来源： https://www.cnblogs.com/webbery/p/14401430.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。