Electron-Vue踩坑记录
近期上⼿了Electron-Vue，做⼀个简单的桌⾯应⽤，打包过程中出现的问题，多的超乎想象，特此记录
1 打包踩坑
1.1 .Election-vue/build.js⽂件的坑
1.1.1 重复定义task变量
可以知道打包时为什么会报这个错误了。
// 将上⾯的那个task变量改为task1，简单些
const tasks1 = ['main', 'renderer']
const m = new Multispinner(tasks1, {
preText: 'building',
postText: 'process'
})
1.1.2 不到Multispinner依赖
还是上图，可以看到图⽚中的第⼆⾏使⽤了Multispinner对象，在初始化项⽬时，是不会下载Multispinner相关依赖的，需要⾃⾏yarn或npm下载，并且导⼊⼀下yarn add multispinner
npm install multispinner
const Multispinner = require('multispinner')
1.2 从github上下载⽂件的问题
感谢⼤佬的踩坑：
electron vue教程在npm run build的过程中，会从github上下载5个⽂件，我即便是FQ了也会出现下载失败的问题，何况没FQ。
这时候，需要⾃⼰看报错信息，它会告诉你压缩包的下载地址（或者⾃⼰上github），⾃⼰复制⼀下⽤迅雷下吧。
1.2.1 electron-v2.0.18-win32-x64.zip 和
这两个⽂件下载完成后，存放到下图所⽰的路径
1.2.2 winCodeSign-2.4.0
1.2.3 nsis-3.0.3.2 和 nsis-resources-3.3.0
nsis-3.0.3.2下载地址：
得到压缩包后，进⾏解压，将得到的⽂件夹拷贝到如图所⽰的位置
2 Vue的相关问题
2.1 点击相同路由产⽣冗余的问题
import Router from 'vue-router'
Vue.use(Router)
// 下⾯的代码可以解决问题（⾄少对于我来说）
const originalPush = Router.prototype.push
Router.prototype.push = function push(location) {
return originalPush.call(this, location).catch(err => err)
}
2.2 Electron打包成exe后，路由⽆法正常跳转
2.2.1 可能的原因⼀
如果有，删了重新打包就好了
2.3 Element-ui问题
控制不报错，但是⽆法显⽰el-table组件或者其他组件，在.fig.js中进⾏修改

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。