Netlify can't find react-bootstrap/Navbar

Netlify site name: thirsty-blackwell-5a5508

I built a static site using the Gatsby framework and I’m trying to deploy it using Netlify. Netlify seems to deploy everything fine initially and runs the gatsby build command. However, I keep running into this error:

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'

I use react-bootstrap throughout my project and the only place I use NavBar is in a header component in the components folder. Here are the relevant lines:

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

It appears that the issue is strictly with the react-bootstrap NavBar element and no other elements seem to have the same issue. So I’m tempted to think there’s something wrong with the installation of react-bootstrap on Netlify’s end.

My react-bootstrap version (in package.json)

"react-bootstrap": "^1.3.0",

Things I have tried: Setting my NODE_VERSION environmental variable to match my local environment. Deleting package-lock.json and node_modules and re-running npm install. I have also attached a screenshot of my logs (I am only allowed to attach one media due to my new account but I am happy to provide further details about my settings if needed).

Any tips would be greatly appreciated. Thanks!

Hey there, thanks for reaching out.

What you are describing sounds a bit like a an issue with case sensitivity on our system.

Can you give this a read through and let us know if that fixes the issue?