无法将React引导与Expo一起使用（无法解析模块React/jsx运行时）

Question

我正在用Expo构建react本机应用程序，所以我尝试使用bootstrap库中的组件。我创建了一个新项目：

expo init test-app

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

expo install react-bootstrap@next bootstrap@5.1.0

我得到了一些不相关的警告：

使用npm安装2个其他软件包。

npm警告可选跳过可选依赖项：fsevents@1.2.13（节点\u模块\fsevents）：npm WARN notsup跳过可选依赖项：不支持的平台fsevents@1.2.13：通缉{“os”：“达尔文”，“拱门”：“任何”}（当前：{“os”：“win32”，“拱门”：“x64”}）

在9.112秒内添加了48个贡献者的24个包，并审核了1045个包

29包正在寻找资金运行npm基金详情

发现8个漏洞（6个低，2个中等），请运行npm audit fix进行修复，或npm audit获取详细信息

我导入组件

import Button from 'react-bootstrap/Button';

但当我编译时，会显示以下信息：世博会面板截图，

无法从C:\Users\Daniele\Documents\Coding\RipassoReact\test app\node\u modules\react bootstrap\cjs\Button.js解析模块react/jsx运行时：在项目中找不到react/jsx运行时。

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

Answer 1

它对我有用

npm install react-bootstrap

和

import { Button } from 'react-bootstrap';

Answer 2

问题似乎是您试图使用Bootstrap，它可用于React，但不适用于React Native。

尝试寻找一个不同的库来支持您的需求，比如React Native元素(https://reactnativeelements.com/)或者直接使用从React Native获得的元素。