Heim  >  Artikel  >  Web-Frontend  >  Was soll ich tun, wenn der React-Build-Pfad falsch ist?

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

藏色散人
藏色散人Original
2023-01-18 16:38:401703Durchsuche

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.

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

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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel:Ist React Open Source?Nächster Artikel:Ist React Open Source?