Was soll ich tun, wenn der React-Build-Pfad falsch ist?

Lösung für den falschen React-Build-Pfad: 1. Suchen Sie nach „node_modules -> React-Scripts -> config -> paths.js“; 2. Ändern Sie den Inhalt in „envPublicUrl || (publicUrl ? url.parse(publicUrl ).pathname : './');"; 3. Neu kompilieren und verpacken.

Die Betriebsumgebung dieses Tutorials: Windows 10-System, Reaktionsversion 18.0.0, Dell G3-Computer.

Was soll ich tun, wenn der React-Build-Pfad falsch ist?

Nachdem das React-Projekt erstellt wurde, ist der Ressourcendateipfad falsch oder es wird eine leere Seite geöffnet und das Problem und die einfache Lösung werden angezeigt.

Node_modules finden ->

function getServedPath(appPackageJson) {
  const publicUrl = getPublicUrl(appPackageJson);
  const servedUrl =
    envPublicUrl || (publicUrl ? url.parse(publicUrl).pathname : '/');//改成'./'
  return ensureSlash(servedUrl, true);
}

zu

function getServedPath(appPackageJson) {
  const publicUrl = getPublicUrl(appPackageJson);
  const servedUrl =
    envPublicUrl || (publicUrl ? url.parse(publicUrl).pathname : './');
  return ensureSlash(servedUrl, true);
}

Einfach neu kompilieren und verpacken

Oder eine einfachere Möglichkeit besteht darin, den folgenden Satz zu Ihrer package.json hinzuzufügen

“homepage”: “.”,

Dadurch wird sichergestellt, dass alle Asset-Pfade relativ zu index.html sind

so dass die Anwendung verschiebt http von //mywebsite.com nach http://mywebsite.com/relativepath oder sogar http://mywebsite.com/relative/path, ohne es neu zu erstellen.

Wenn Sie die HTML5-PushState-Verlaufs-API nicht verwenden oder überhaupt kein clientseitiges Routing verwenden, müssen Sie die URL Ihrer Anwendung nicht angeben.

Wenn der Ressourcenpfad immer noch falsch ist, verwendet das Recat-Framework möglicherweise BrowserRouter-Routing, was dazu führt, dass der Browser nicht auf die entsprechende Routing-Konfiguration zugreifen kann. Dieses Routing ist etwas problematisch. Sie können den HashRouter ersetzen, um das Problem zu lösen von leeren oder falschen Ressourcenpfaden.

Empfohlenes Lernen: „

Video-Tutorial reagieren

“

Das obige ist der detaillierte Inhalt vonWas soll ich tun, wenn der React-Build-Pfad falsch ist?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!