- 运行 -> 运行到 Andriod App 基座
- 报错
寒山远黛
- 发布：2023-02-20 19:37
- 更新：2023-02-21 18:35
- 阅读：484
产品分类： uniapp/App
PC开发环境操作系统： Mac
PC开发环境操作系统版本号： 12.6.3
手机系统： Android
手机系统版本号： Android 12
手机厂商： 小米
手机机型： redmi k50 pro
页面类型： vue
vue版本： vue3
打包方式： 云端
项目创建方式： CLI
CLI版本号： 3.0.0-alpha-3070220230217001
操作步骤：
预期结果：
应用正常显示，与 h5 无异
应用正常显示，与 h5 无异
实际结果：
手机端白屏，点击没有任何反应
手机端白屏，点击没有任何反应
bug描述：
通过 cli 创建的项目，h5 环境下正常，在真机调试时，应用白屏不显示任何内容，只有控制台有报错
hbuilder 版本 3.7.2 alpha，uniapp-cli 版本 3.0.0-alpha-3070220230217001
控制台显示错误如下：
19:20:24.877 reportJSException >>>> exception function:createInstanceContext, exception:white screen cause create instanceContext failed,check js stack ->
at useStore (app-service.js:1453:15)
at (app-service.js:45889:23)
at (app-service.js:46958:3)
19:21:37.451 reportJSException >>>> exception function:createInstanceContext, exception:white screen cause create instanceContext failed,check js stack ->
at useStore (app-service.js:1453:15)
at (app-service.js:45889:23)
at (app-service.js:46958:3)
2 个回复
寒山远黛 (作者)
复现步骤
npx degit dcloudio/uni-preset-vue#vite-ts my-vue3-projectcd my-vue3-project && pnpm inpx @dcloudio/uvm alpha出错，手动将package.json 中 uniapp 的版本
3.0.0改为^3.0.0，运行pnpm update，将uniapp 版本从 3.6.16 更新至 3.7.2。
pinia至项目中，pnpm add -S pinia。hbuilderx 版本 3.7.2 alpha，uniapp 版本 3.0.0-alpha-3070220230217001
已附上最小 demo，内附有 git 操作历史记录，在将 pinia 添加到项目中，修改 main.ts 后就会出现问题（也就是复现步骤中的第五步后就会出现白屏问题），其他步骤都不会出现白屏问题。
寒山远黛 (作者)
经测试，将 pinia 更换为 vuex 后可以正常使用，打包 app 也未出现白屏现象，应该可以确定是 uniapp 跟 pinia 的整合问题
希望官方可以尽快修复这个问题，vuex 的写法还停留在 vue2 的思维，一边写 vue3 的组件，一边写 vue2 的状态管理太不舒服了