electron-vue 打包采坑

巨坑 cnpm 安装打包直接报错

删除node_modules 使用npm 重新安装依赖

安装过程中 会需要python2.7 等待自动安装即可

安装 windows-build-tools

npm install windows-build-tools
安装 windows-build-tools 后 再次打包 会下载对应操作系统的打包插件

0.SHASUMS256.txt-2.0.18
1.electron-v2.0.18-win32-x64.zip 淘宝镜像下载地址https://npm.taobao.org/mirrors/electron/
2.winCodeSign-2.4.0.7z
3.nsis-3.0.1.13.7z
4.nsis-resources-3.0.7z
5.app-builder-v0.6.1-x64.7z

最终文件夹如下:
--electron  
    C:\Users\windows用户\AppData\Local\electron\
    --Cache
        electron-v2.0.18-win32-x64.zip
        SHASUMS256.txt-2.0.18
--electron-builder
    C:\Users\windows用户\AppData\Local\electron-builder\cache\
    --cache
        --app-builder
            --app-builder-v0.6.1-x64
                解压app-builder-v0.6.1-x64.7z所得文件
        --nsis
            --nsis-3.0.1.13
                解压nsis-3.0.1.13.7z所得文件
        --nsis-resources
            --nsis-resources-3.3.0
                解压nsis-resources-3.3.0.7z所得文件
        --winCodeSign
            --winCodeSign-2.4.0
                解压winCodeSign-2.4.0.7z所得文件

打包成功后 白屏!!!

// 修改webpack.renderer.config.js中
// let whiteListedModules = ['vue']
let whiteListedModules = ['vue' , 'vue-router', 'axios', 'vuex', 'vue-electron']

可以成功打包了 ^_^

打包完成以后,再次打包 先运行 npm run build:clean

发表评论

电子邮件地址不会被公开。