electron-builder

Error: Unresolved node modules: bufferutil, utf-8-validate

解决方案

计划一

将electron-builder包降级至最新版22.9.1

npm uninstall electron-builder// or yarn remove electron-buildernpm i electron-builder -D// or yarn add electron-builder -D
计划二

下载electron-builder@20.19.2放到node_modules目录下,并手动装置依赖

// node_modules/electron-buildernpm i // or yarn
计划三

删除本地的electron-builder 应用全局的electron-builder来进行打包

// projectnpm uninstall electron-builder// or yarn remove electron-buildernpm i -g electron-builder// or yarn add global http-server

解题思路

授人以鱼不如授人以渔
  1. 该bug尽管给的提醒是短少bufferutil, utf-8-validate两个包,然而理论则是app-builder-lib包的问题
  2. 当你尝试装置这两个包后还在报该问题,咱们就须要去解决提问题的人,毕竟这是最快的计划
  3. 当你进入app-builder-lib目录下不难发现,app-builder-lib目录下并没有src这个目录
  4. 那么当初该怎么办? 咱们应该找别的形式,比方electron-builder是能够应用全局包来打包的,而后咱们先下载全局包yarn add global electron-builder, 而后执行electron-builder --dir来测试性的打一个包,发现是能够打包实现的
  5. 那么问题根本能够锁定在包的依赖下面,最快的解决方案是,间接应用最新的包,然而有些我的项目的话,并不能应用最新的包,那么,咱们应该做的是
  6. 去npmjs找到对应的包,而后


通过Repository进入该包的github主页,

通过tags找到对应版本的包,下载下来并放入到node_modules目录下,手动装置依赖来应用

  1. 在这个时候,你就须要留神包下的package.json中对应的版本是否和你装置的版本统一

  1. 最初在看看对应文件,找找提出问题的人,而后你根本能够确定问题点出在哪里(目前该问题后续无奈复现,解决后我尝试复现该问题,然而发现20.19.2在没有呈现该问题,目前仅有一张截图,也是从我的小伙伴那里失去的)目前windows应用electron的体验总体来说不是很好,劝退新人的概率还是很大,大家有什么问题,也欢送一起探讨

举荐

vue + electron

electron-vue

如果你须要调用dll,或者应用winax一类的须要编译后应用的包,还是比拟举荐electron-vue的,至多你遇到的问题绝对会少,如果你喜爱挑战的话,举荐vue-cli-plugin-electron-builder

vue-cli-plugin-electron-builder

如果你只是须要一个chrome的壳,那么举荐你应用vue-cli-plugin-electron-builder, 同时搭配上vuetify应用,成果更棒
如我的开源我的项目: weChatTool

当然我还是比拟中意vue-cli-plugin-electron-builder