我使用Gatsby框架构建了一个静态站点，并尝试使用Netlify进行部署。Netlify最初似乎部署得很好，并运行gatsby-build命令。然而，我一直遇到这个错误：
12:36:51 PM: failed Building production JavaScript and CSS bundles - 33.697s
12:36:51 PM: error Generating JavaScript bundles failed
12:36:51 PM: Can't resolve 'react-bootstrap/NavBar' in '/opt/build/repo/src/components'
我在整个项目中使用react bootstrap，我使用NavBar的唯一位置是components文件夹中的header component。以下是相关线路：
import NavBar from "react-bootstrap/NavBar"
<NavBar>...</NavBar> //etc
问题似乎与react bootstrap NavBar元素有关，似乎没有其他元素存在相同的问题。所以我很想在Netlify端安装react引导程序有问题。
我的react引导程序版本(在package.json中(
"react-bootstrap": "^1.3.0",
我尝试过的事情：设置我的NODE_VERSION环境变量以匹配我的本地环境。删除package-lock.json和node_modules并重新运行npm install。
如有任何提示，我们将不胜感激。谢谢
尝试更改将NavBar导入到的方式
import { Navbar } from 'react-bootstrap';
<Navbar>...</Navbar> //etc