web-dev-qa-db-de.com

Relativer Pfad in index.html nach dem Build

Hallo, ich habe eine Reactjs-App und erstelle mein Projekt mit dem folgenden Befehl

npm build

Hier ist mein package.json Datei:

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

nach dem Build habe ich einen Ordner mit Build-Dateien und der Datei index.html. Aber alle Pfade in dieser HTML-Datei sind absolut. Ich möchte mit einem relativen Pfad erstellen

zum Beispiel (index.html): jetzt habe ich:

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

ich will das:

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

Nach diesem Lauf npm run buid

Dadurch wird der Pfad zu "./" geändert.

13
Gampesh

Ich bin auf ein ähnliches Problem gestoßen und habe es behoben, indem ich "homepage": "./" In package.json gesetzt habe

Ich habe diese Lösung hier gefunden https://github.com/facebook/create-react-app/issues/165

4
Ganesan

Wenn Sie ein Webpack verwenden, können Sie versuchen, publicPath auf ./ Zu setzen.

Sie können mehr darüber lesen hier .

0
Mr. 14