Estoy tratando de compilar mi aplicación de reacción con el comando 'npm run build', pero cuando veo el archivo index.html (desde la carpeta de compilación) en el navegador, solo muestra el encabezado y el pie de página.
Aquí están los códigos de mi archivo App.js:
import React from 'react'; import './App.css'; import Header from './components/Header/Header'; import {BrowserRouter as Router, Switch, Route} from 'react-router-dom'; import Home from './components/pages/Home'; import Resume from './components/pages/Resume'; import Contact from './components/pages/Contact'; import Footer from './components/Footer/Footer'; function App() { return ( <Router> <section className="mainWrap"> <Header/> <Switch> <Route path='/' exact component={Home} /> <Route path='/Resume' exact component={Resume} /> <Route exact path="/http://bright-webs.com/portfolio.html" render={() => (window.location = "http://bright-webs.com/portfolio.html")} /> <Route path='/Contact' exact component={Contact} /> </Switch> <Footer/> </section> </Router> ); } export default App;Creo que está intentando implementar la compilación de reacción en CPanel y está experimentando este problema.
Para resolver este problema cuando carga el zip de compilación en Cpanel, después de extraer la carpeta de compilación, copie todos los archivos que están dentro de la carpeta de compilación y luego muévalos dentro de public_html y ahora puede ver su proyecto funcionando.
Además, recuerde agregar la página de inicio dentro de package.Json antes de ejecutar el comando de compilación.