正常按照官方教程安装和使用pinia
- 发布:2022-04-25 17:40
- 更新:2023-05-19 10:50
- 阅读:1031
产品分类: uniapp/H5
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: win10
浏览器平台: Chrome
浏览器版本: 98
项目创建方式: CLI
CLI版本号: 3.0.0-alpha-3040720220422003
示例代码:
操作步骤:
编译预览到h5后。
在页面上的子组件或者其它页面组件中多冷保存修改保存,基本上就会触发上述问题,导致页面一片空白,报上述错误日志。
编译预览到h5后。
在页面上的子组件或者其它页面组件中多冷保存修改保存,基本上就会触发上述问题,导致页面一片空白,报上述错误日志。
预期结果:
正常预览编译h5页面
正常预览编译h5页面
实际结果:
空白。
报正文日志:
Uncaught SyntaxError: The requested module '/node_modules/.vite/deps/vue-demi.js?v=e57f67d4' does not provide an export named 'computed' (at pinia.mjs:6:163)
空白。
报正文日志:
Uncaught SyntaxError: The requested module '/node_modules/.vite/deps/vue-demi.js?v=e57f67d4' does not provide an export named 'computed' (at pinia.mjs:6:163)
bug描述:
正常编译到h5预览。在h5预览时,经常出现:
Uncaught SyntaxError: The requested module '/node_modules/.vite/deps/vue-demi.js?v=e57f67d4' does not provide an export named 'computed' (at pinia.mjs:6:163)
如上述日志。导致页面空白。
注意:除了h5其它所有平台端测试均正常!!!
我的环境为:
cli:3.0.0-alpha-3040720220422003
Nvue页面编译到h5预览,热更新导致的问题。估计有缓存,如果我想让问题消失需要删除,重新install 插件再编译就正常了,但是热更新修改又有机率触发,触发概率高,原因不明。
vite:2.9.5
pinia:2.0.13
具体pagjson插件见附件。
tmui (作者)
新的版本还没有修复,具体复现如下:
如果我导入如下语句:
import { ... } from 'vue-demi';
出错,h5空白。为什么是:vue-demi。我解释下。vscode默认是这个包,我知道这是错的。我保存,然后报错。
接着我修改成如下正确的语句:
import { ... } from 'vue';
此时:不管如何保存修复。h5预览始终是空白,就算我重新编译也不行。但其它平台正常。
解决方法是:删除node_modules后,重新Install下再编译就正常了。
截止到目前cli版本号,该体验问题仍然存在。