Netlify Build Error - React

Support
, ,
3

I had partially followed a tutorial and that is where the case wierdness comes from. I have corrected it to all lowercase for now, but am still seeing the same error. I don’t know how to begin to debug this as when I pull it up locally, it loads fine.

11:49:47 PM: Netlify Build                                                 
11:49:47 PM: ────────────────────────────────────────────────────────────────
11:49:47 PM: ​
11:49:47 PM: ❯ Version
11:49:47 PM:   @netlify/build 29.24.0
11:49:47 PM: ​
11:49:47 PM: ❯ Flags
11:49:47 PM:   baseRelDir: true
11:49:47 PM:   buildId: 653e006c8f5f72000857e438
11:49:47 PM:   deployId: 653e006c8f5f72000857e43a
11:49:47 PM: ​
11:49:47 PM: ❯ Current directory
11:49:47 PM:   /opt/build/repo
11:49:47 PM: ​
11:49:47 PM: ❯ Config file
11:49:47 PM:   No config file was defined: using default values.
11:49:47 PM: ​
11:49:47 PM: ❯ Context
11:49:47 PM:   production
11:49:47 PM: ​
11:49:47 PM: Build command from Netlify app                                
11:49:47 PM: ────────────────────────────────────────────────────────────────
11:49:47 PM: ​
11:49:47 PM: $ npm run build
11:49:48 PM: > mackie_portfolio@0.1.0 build
11:49:48 PM: > react-scripts build
11:49:49 PM: Creating an optimized production build...
11:49:49 PM: Failed to compile.
11:49:49 PM: 
11:49:49 PM: Module not found: Error: Can"t resolve "./components/home/home" in "/opt/build/repo/src"
11:49:49 PM: ​
11:49:49 PM: "build.command" failed                                        
11:49:49 PM: ────────────────────────────────────────────────────────────────
11:49:49 PM: ​
11:49:49 PM:   Error message
11:49:49 PM:   Command failed with exit code 1: npm run build (https://ntl.fyi/exit-code-1)
11:49:49 PM: ​
11:49:49 PM:   Error location
11:49:49 PM:   In Build command from Netlify app:
11:49:49 PM:   npm run build
11:49:49 PM: ​
11:49:49 PM:   Resolved config
11:49:49 PM:   build:
11:49:49 PM:     command: npm run build
11:49:49 PM:     commandOrigin: ui
11:49:49 PM:     publish: /opt/build/repo/build
11:49:49 PM:     publishOrigin: ui
11:49:50 PM: Build failed due to a user error: Build script returned non-zero exit code: 2
11:49:50 PM: Failing build: Failed to build site
11:49:50 PM: Finished processing build request in 19.434s
11:49:50 PM: Failed during stage "building site": Build script returned non-zero exit code: 2

This is my home.jsx to which it is referring.

// Imports
import './home.css';
import CallToAction from './calltoaction/calltoaction'
import HeaderSocials from './headersocials';
import CyberSpace from '../../assets/img/cyberspace.png';
 

const Home = () => {
    return (
         <header>
          
                <div className="name_container">
                    <h1>Hello, I am <span className="name_highlight">Melissa</span>,</h1>
                    <h3>Full-Stack Webdeveloper</h3>
                    <p>I create beautiful things. I am a passionate creator and I beleive that life is a journey of continued learning.</p>
                    <CallToAction />
                </div>
               
                <div className="image_container">
                    
                    <img src={CyberSpace} alt="woman staring into a cyberspace setting" />
                    <p className="quote">
                        "Failure is apart of the process. You just learn to pick yourself back up." - Michelle Obama
                    </p>
                </div>
                
                <HeaderSocials />
                <a href="#contact" className="scroll__down">Scroll Down</a>
           
         </header>
    )
}

export default Home;