问答博客标签用户活动
logo极客观点logo研发管理logoHarmonyOS
javascript
php
java
vue.js
git
html5
python
node.js
android
mysql
react.js
linux
ios
css
golang
spring
docker
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

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

头像
PeChen
    41013799

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

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

    Snipaste_2024-05-08_17-54-55.png
    node_modules下是存在react/jsx-runtime.js文件的, 但是使用 import "react/jsx-runtime" 汇报这个错误

    taro前端小程序javascriptreact.js
    阅读 469
    avatarAI BotBETA

    你的问题是在使用 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 库，以避免这种由于库和框架之间的不匹配导致的问题。

    撰写回答
    你尚未登录，登录后可以
    • 和开发者交流问题的细节
    • 关注并接收问题和回答的更新提醒
    • 参与内容的编辑和改进，让解决方法与时俱进
    推荐问题
    宣传栏