tmui
tmui
  • 发布:2022-04-25 17:40
  • 更新:2023-05-19 10:50
  • 阅读:1054

【报Bug】cli nvue pinia编译到h5预览时的问题

分类:uni-app

产品分类: uniapp/H5

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: win10

浏览器平台: Chrome

浏览器版本: 98

项目创建方式: CLI

CLI版本号: 3.0.0-alpha-3040720220422003

示例代码:

正常按照官方教程安装和使用pinia

操作步骤:

编译预览到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)

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插件见附件。

2022-04-25 17:40 负责人:无 分享
已邀请:
tmui

tmui (作者)

新的版本还没有修复,具体复现如下:
如果我导入如下语句:
import { ... } from 'vue-demi';
出错,h5空白。为什么是:vue-demi。我解释下。vscode默认是这个包,我知道这是错的。我保存,然后报错。
接着我修改成如下正确的语句:
import { ... } from 'vue';
此时:不管如何保存修复。h5预览始终是空白,就算我重新编译也不行。但其它平台正常。
解决方法是:删除node_modules后,重新Install下再编译就正常了。
截止到目前cli版本号,该体验问题仍然存在。

iehong

iehong

用VUEX呢,用VUEX感觉还可以的

  • tmui (作者)

    pinia有vuex无法替代的优势在,在ts 下,pinia的代码提示超强。而vuex无能为力,或者说很复杂的配置或者设置。

    2022-05-15 12:35

  • iehong

    回复 tmui: 哦,可能我项目比较小,体会不到pinia的好,你问题这么多要不赞助下uniapp团队,10块钱也是爱啊

    2022-05-15 12:37

  • tmui (作者)

    回复 iehong: 我在写组件框架,因此发现的bug比较多,我项目上没用。这好像跟赞助没有必然的关系。他们修不修复,随便他们。我只提问题,至于能不能修复,我无能为力。提bug也是对它他的贡献。如果我不提早晚会有人遇到。

    2022-05-15 13:45

曹大豪

曹大豪 - 哔哩哔哩

遇到同样问题 请问是官方问题吗 如果是官方问题还请官方早日解决

  • tmui (作者)

    我和他们官方的QQ人员提了。但他们没作任何回复。估计一时半会是无法修复的。你要是不小心出错就,重新npm install吧。没有办法。

    2022-05-25 16:24

  • iehong

    回复 tmui: vue3 版本很多bug 搞NVUE就是更多更多BUG了

    2022-05-27 15:02

  • iehong

    nvue我已经用回VUE2版本了

    2022-05-27 15:03

4***@qq.com

4***@qq.com

这个到现在还有这个问题,官方不下场么?

要回复问题请先登录注册