无法将 React-Bootstrap 与 Expo 一起使用（无法解析模块 react/jsx-runtime）

Question

我正在使用 Expo 构建一个 react-Native 应用程序，因此我尝试使用引导库中的组件。我创建了一个新项目：

expo init test-app

然后我在项目文件夹中安装了库：

expo install react-bootstrap@next bootstrap@5.1.0

我得到这个输出并带有一些不相关的警告：

使用 npm 安装 2 个其他包。

npm WARN 可选跳过可选依赖：fsevents@1.2.13 (node_modules\fsevents)：npm WARN notsup 跳过 可选依赖：fsevents@1.2.13 不受支持的平台：需要 {"os":"darwin","arch":"any"}（当前：{"os":"win32","arch":"x64"}）

添加了来自 48 个贡献者的 24 个包，并审核了 1045 个包 9.112s

29 个包正在寻找资金运行npm fund 了解详情

发现 8 个漏洞（6 个低，2 个中等）运行 npm audit fix 到 修复它们，或npm audit 了解详情

我导入组件

import Button from 'react-bootstrap/Button';

但是当我编译时，会显示以下消息： Screenshot of the expo panel,

无法解析模块 react/jsx-runtime 从 C:\Users\Daniele\Documents\Coding\RipassoReact\test-app\node_modules\react-bootstrap\cjs\Button.js： 在项目中找不到 react/jsx-runtime。

我尝试了很多方法，包括擦除 node_modules 文件夹并重新安装它们。 我该怎么办？

Answer 1

它对我有用

npm install react-bootstrap

和

import { Button } from 'react-bootstrap';

Answer 2

问题似乎是您正在尝试使用可用于 React 但不适用于 React Native 的 Bootstrap。

尝试找到支持您需求的不同库，例如 React Native Elements (https://reactnativeelements.com/) 或直接使用您从 React Native 获得的 Elements。