一、管理员模式下运行

确保cmd具有windows的管理员权限。
具体方法如下:
1. 在“开始”菜单那里输入 cmd
2. 然后界面上会出现几个搜索结果,其中包含cmd
3. 右键点击 cmd
4. 选择 “以管理员身份运行”

二、查看构建输出

  1. Electron-Vue打包构建的命令如下:
yarn run build
  1. 查看构建时候的输出,看是否有以下输出
external "xxxxx" [ not cacheable ]
  1. 修改.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))
],
  1. 需要详细资料的话,可以看看下面的参考资料 npm run build 打出来的包,安装后,什么都不显示,白屏? #430

三、重新构建一下,看看是否可以正常显示界面





http://xzh.i3geek.com

爱唠叨的老鱼

爱唠叨的老鱼

技术经理,个人站长,创业者

0 条评论

发表评论

电子邮件地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据