微信小程序使用npm包时,在开发工具中预览和上传体验版都不能正常展示页面,一直白屏,但是真机调试是正常的。在网上找了好久,找到了几个解决办法。
一、在开发工具的详情页面中同时勾选上上传代码是混淆和上传代码时保护(这种也是我的解决方式,成功预览):
二、重建项目,通过源码方式引入组件(未测试,但感觉应该是可以的)。
三、这个是在网上看别人说的,没有测试过,原文:https://blog.csdn.net/qq_39165819/article/details/107739827
- 新建一个和原来项目一模一样但路径不同的项目
- 把pages和images,app.json,app.js从原来项目复制到这个新项目替换新项目里的这些文件
- 在终端用 npm i @vant/weapp -S --production 构建npm
- 在终端执行初始化 npm init -y
- 上传并扫描那个二维码就好啦
之前遇到过没有可构建的npm包的问题,在这里也说下解决方式,虽然已经有很多相关说明了。
- 删掉文件目录中的packagelock.json,package.json,node_modules,miniprogram_npm
- 执行npm init 然后一路回车
- 执行 npm i @vant/weapp -S --production
四、不要在app.json中引入,在用到的页面的json文件中引入,这个也没有测试过。
以上四种方法应该是可以解决小程序引用npm包的问题,如果解决不了还是去官方社区提问把,我看到有人在官方社区提问,但是截止到今天还未回答。