Netlify找不到react-bootstrap/Navbar

Question

我使用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组件。下面是相关的代码行：

import NavBar from "react-bootstrap/NavBar"
<NavBar>...</NavBar> //etc

这个问题似乎完全是由于react-bootstrap NavBar元素造成的，而其他元素似乎都没有同样的问题。所以我忍不住认为在Netlify的一端安装react-bootstrap是有问题的。

我的react-bootstrap版本(package.json格式)

"react-bootstrap": "^1.3.0",

我尝试过的方法:设置我的NODE_VERSION环境变量以匹配我的本地环境。删除包-lock.json和node_modules，然后重新运行npm install。

任何建议都将不胜感激。谢谢!

Answer 1

尝试将NavBar导入方式更改为：

import { Navbar } from 'react-bootstrap';
<Navbar>...</Navbar> //etc