当前位置: 首页 > 知识库问答 >
问题:

前端 - taro 小程序 使用 @antmjs/vantui报错?

蒋鹏鹍
2024-05-08

taro版本: 3.0.26
@antmjs/vantui版本: 3.3.6

taro项目中引入 @antmjs/vantui 的任何组件, 运行报错,
报错信息 Error: Cannot find module 'react/jsx-runtime'

共有1个答案

景理
2024-05-08

你的问题是在使用 Taro 小程序框架和 @antmjs/vantui 库时遇到了 "Cannot find module 'react/jsx-runtime'" 的错误。这个错误通常表示你的项目在尝试导入一个不存在的模块,即 'react/jsx-runtime'。

Taro 是一个多端统一开发框架,它支持使用 React 语法来编写一次代码,然后编译成多个平台(如微信小程序、H5、React Native等)的应用程序。然而,@antmjs/vantui 是一个基于 Vue 的 UI 库,并不是基于 React 的。因此,在你的 Taro 项目中直接使用 @antmjs/vantui 可能会引发一些问题,包括你提到的这个错误。

这个问题可能是因为 Taro 在处理基于 Vue 的库时,试图将其转换为 React 语法,但是在这个过程中找不到 'react/jsx-runtime' 模块。这是因为 Vue 和 React 的运行机制和语法有很大的不同,它们使用的 JSX 运行时也是不同的。

解决这个问题的一个可能的方法是寻找一个基于 React 的 UI 库,而不是基于 Vue 的。Taro 官方推荐的一些 UI 库,如 Taro UI、Nerv UI 和 Kbone UI,都是基于 React 的,应该可以更好地与 Taro 配合使用。

如果你确实需要使用 @antmjs/vantui,你可能需要寻找一个桥接 Vue 和 React 的解决方案,或者尝试在 Taro 项目中直接使用 Vue,而不是 React。然而,这两种方法都可能需要大量的工作,并且可能无法完全解决所有问题。

总的来说,我建议你尝试使用一个基于 React 的 UI 库,以避免这种由于库和框架之间的不匹配导致的问题。

 类似资料:
  • Taro使用scrollView数据更新问题 项目需要做个聊天界面,聊天内容使用scrollView显示。进入页面出现的数据内容都很正常并且滚动到底部了。但是一旦发送新内容后,新数据会显示在旧内容最后一条上面。用了scrollTop和scrollIntoView都是这样。 是不是我数据渲染的问题呢?应该如何解决呢 下面列出我的部分代码

  • 本文向大家介绍taro开发微信小程序的实践,包括了taro开发微信小程序的实践的使用技巧和注意事项,需要的朋友参考一下 在京东凹凸实验室开发Taro跨平台早期之前,就已经进行Taro尝鲜了。开发这个实例 猫眼电影 已经过去几个月了。案例部分使用的是猫眼电影真实线上接口,关于订座的座位数据是自己模拟实现的,案例只供参考学习。 开发环境 操作系统:Window 10 Taro版本:v0.0.69 No

  • 安装的插件 在网上找的解决方案一个不起作用

  • 本文向大家介绍使用微信小程序开发前端【快速入门】,包括了使用微信小程序开发前端【快速入门】的使用技巧和注意事项,需要的朋友参考一下 前言 2016年9月22日凌晨,微信官方通过“微信公开课”公众号发布了关于微信小程序(微信应用号)的内测通知。整个朋友圈瞬间便像炸开了锅似的,各种揣测、介绍性文章在一夜里诞生。而真正收到内测邀请的公众号据说只有200个。 虽然内测名额十分稀少,但依赖中国广大开发者的破

  • 写好的H5如何使用小程序运行?

  • 使用同个域名,在微信开发者工具中,调用后端接口报错600009,但是在h5(网页端)正常访问到数据,是什么原因 看到网上说在开发者工具勾选“不校验合法域名”,勾选了还是没用,不知道问题出在哪