Deployment issue (newbie to netlify and React)

hpro97 · March 30, 2024, 7:03pm

I’m new to Netlify and React, I’m struggling to get my page deployed, it’s something I’ve done but not sure how to fix it as I’ve tried deploying on Vercel and getting the same issues

here’s my log:

here’s my github repo (contains file structure):

for reference here’s my App.jsx (as from my understanding it’s an issue with accessing the other files via routing?):

github.com

hpro97/portfolioReact/blob/main/src/App.jsx

// git add . && git commit -m "first commit" && git push

import React from 'react';
import 'bootstrap/dist/css/bootstrap.css';
import { BrowserRouter, Route, Routes } from 'react-router-dom';

import Home from './components/Home.jsx';
import Project from './components/Project.jsx';
import Contact from './components/Contact.jsx';

import Header from './components/Header.jsx';
import Footer from './components/Footer.jsx';
import './CSS/index.css';

const App = () => {
  return (
    <BrowserRouter>
      <div className="App">
        <Header />
        <Routes>

This file has been truncated. show original

I’ve tried uploading the dist file directly and it was deploying with bizarre CSS. I’m trying to upload via Git Hub. when I use npm run dev it displays perfectly.

Any help is greatly appreciated, i’ve checked pathing, spelling, and capitalization and believe to have it correct. thanks again in advance, and please bear in mind I’m new to web dev.

dig · March 30, 2024, 8:23pm

Because all the files in components have lowercase names. Netlify uses Linux which is case-sensitive. Read more:

hpro97 · March 31, 2024, 2:03pm

for some reason in my IDE they were correct casing but not on GitHub, thanks for the second set of eyes

Topic		Replies	Views
Deploying my website and all the components have moved and got bigger Support deployment , netlify-newbie , create-react-app	4	145	April 2, 2024
Error deploying react app Support deployment	3	2744	May 6, 2022
How to deploy reactjs project on netlify? Support deployment , create-react-app	6	776	February 4, 2022
Create react app deployment bug Support deployment , create-react-app	1	607	April 26, 2021
My react application is not showing up Support deployment , netlify-newbie	7	5941	April 3, 2023

Deployment issue (newbie to netlify and React)

Related topics