一、管理员模式下运行
确保cmd具有windows的管理员权限。
具体方法如下:
1. 在“开始”菜单那里输入 cmd
2. 然后界面上会出现几个搜索结果,其中包含cmd
3. 右键点击 cmd
4. 选择 “以管理员身份运行”
二、查看构建输出
- Electron-Vue打包构建的命令如下:
yarn run build
- 查看构建时候的输出,看是否有以下输出
external "xxxxx" [ not cacheable ]
- 修改.electron-vue目录下的webpack.renderer.config.js
主要是两段:
let whiteListedModules = ['vue']
externals: [
...Object.keys(dependencies || {}).filter(d => !whiteListedModules.includes(d))
],
这两段是用来描述对外部依赖的模块的白名单。
上面两段,只需要修改其中一段。在第一段那里加入需要引入的模块。或者在第二段那里把整句话注释掉,允许所有模块进入白名单。
//冒号那里要替换成需要加入白名单的模块名字,构建的时候,哪个报not cacheable错误就加哪个
let whiteListedModules = ['vue' , 'vue-router', 'axios', .....]
或者第二种方法,注释掉白名单过滤那句话,结果如下:
externals: [
//...Object.keys(dependencies || {}).filter(d => !whiteListedModules.includes(d))
],
- 需要详细资料的话,可以看看下面的参考资料 npm run build 打出来的包,安装后,什么都不显示,白屏? #430
三、重新构建一下,看看是否可以正常显示界面
http://xzh.i3geek.com
0 条评论