Hola, tengo una aplicación reactjs y construyo mi proyecto con el siguiente comando
npm build Aquí está mi archivo package.json :
"scripts": { "start": "react-scripts start", "build": "react-scripts build", "test": "react-scripts test --env=jsdom", "eject": "react-scripts eject"},después de la compilación, tengo una carpeta con archivos de compilación y un archivo index.html. Pero todas las rutas en este .html son absolutas, quiero compilar con una ruta relativa
por ejemplo (index.html): ahora tengo:
<script type="text/javascript" src="/static/js/main.af2bdfd5.js"></script> <link href="/static/css/main.097da2df.css" rel="stylesheet"> <link rel="shortcut icon" href="/favicon.ico">
quiero esto:
<script type="text/javascript" src="./static/js/main.af2bdfd5.js"></script> <link href="./static/css/main.097da2df.css" rel="stylesheet"> <link rel="shortcut icon" href="./favicon.ico">
// package.json { "name": "your-project-name", "version": "0.1.0", "homepage": "./", # <--- Add this line ---- ... } Ejecute npm run build nuevo.
Esto cambiará la ruta a ./ , que es la ruta relativa de su proyecto.
Encontré un problema similar y lo resolví configurando "homepage": "./" en package.json
Encontré esta solución aquí https://github.com/facebook/create-react-app/issues/165