j***@vip.qq.com
j***@vip.qq.com
  • 发布:2023-09-06 19:40
  • 更新:2024-11-22 12:03
  • 阅读:671

CLI模式下,HB真机调试 easycom 失效问题解决

分类:uni-app

背景:

  1. 项目基于Cli模式的 vite + vue3 + ts + jsx 架构, 使用了 uni-simple-router 和 tsx 插件
  2. 真机运行时,发现所有通过easycom导入的组件无一例外,全部失效,无法渲染(在失效的页面文件中,随意修改任何东西,HB差异化编译后当前页面恢复正常)
  3. 折腾研究了很久,本来就不富裕的头发,又掉了一撮。。。。

步骤:

  1. npx degit dcloudio/uni-preset-vue#vite-ts my-vue3-project
  2. npm install
  3. HB 导入 src
  4. **新建文件 src/vite.config.ts
  5. 安装 @vitejs/plugin-vue-jsx
  6. vite.config.ts 配置 jsx 插件**
  7. 安装UI组件库
  8. 配置 easycom
  9. 运行到手机 - 标准基座 或者 自定义基座

结果:
所有通过 easycom 导入的组件,都无法渲染
Failed to resolve component: tui-icon If this is a native custom element, make sure to exclude it fr..........

解决:
删除 vite.config.ts,恢复正常

不指望官方能修复,失望至极, 希望能帮到一些朋友

0 关注 分享

要回复文章请先登录注册

1***@qq.com

1***@qq.com

删除 vite.config.ts,恢复正常???那确实失望至极了,这不是丢一样捡一样吗。
2024-11-22 12:03
斜陽

斜陽

遇到同样的问题 ,请问怎么解决啊?
2024-10-29 14:49