Heim > Artikel > Web-Frontend > 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 reagierenDas 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!