web-dev-qa-db-fra.com

Chemin relatif dans index.html après la génération

Bonjour j'ai une application reactjs, et je construis mon projet avec la commande ci-dessous

npm build

Voici mon package.json fichier:

  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"},

après la construction, j'ai un dossier avec les fichiers de construction et le fichier index.html Mais tous les chemins dans ce .html sont absolus, je veux construire avec un chemin relatif

par exemple (index.html): maintenant j'ai:

<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">

je veux ceci:

<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">
reactjsbuildpathcreate-react-appreact-scripts
32
user3045654
{
  "name": "your-project-name",
  "version": "0.1.0",
  "homepage": "./",
  .
  . 
  .
  #your rest of package.json content
}

Après cette exécution npm run buid

Cela changera le chemin vers "./"

13
Gampesh

J'ai rencontré un problème similaire et l'ai résolu en définissant "homepage": "./" dans package.json

J'ai trouvé cette solution ici https://github.com/facebook/create-react-app/issues/165

4
Ganesan

Si vous utilisez Webpack, vous pouvez essayer de définir publicPath sur ./

Vous pouvez en savoir plus ici .

0
Mr. 14