React ビルド パスが間違っている場合はどうすればよいですか?

間違った反応ビルド パスの解決策: 1. 「node_modules ->react-scripts ->config ->paths.js」を見つけます; 2. コンテンツを「envPublicUrl || (publicUrl ? url)」に変更します.parse(publicUrl).pathname : './');"; 3. 再コンパイルしてパッケージ化します。

このチュートリアルの動作環境: Windows 10 システム、react18.0.0 バージョン、Dell G3 コンピューター。

反応ビルドへのパスが間違っている場合はどうすればよいですか?

リソース ファイルのパスが間違っているか、React プロジェクトのビルド後に空白のページが開きます。問題と簡単な解決策

ノードモジュールの検索 -> 反応スクリプト -> config -> paths .js

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

を

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

に変更し、再コンパイルしてパッケージ化します

または、より簡単な方法は、 package.json: 次の

“homepage”: “.”,

これにより、すべてのアセット パスが Index.html

に相対的になるため、アプリケーションは http://mywebsite.com から http://mywebsite に移動します。 .com/relativepath または http://mywebsite.com/relative/path を再構築する必要はありません。

HTML5 PushState 履歴 API を使用していない場合、またはクライアント ルーティングをまったく使用していない場合は、アプリケーションの URL を指定する必要はありません。

リソース パスが依然として間違っている場合、recat フレームワークは BrowserRouter ルーティングを使用する可能性があり、これによりブラウザが対応するルーティング構成にアクセスできなくなります。このルーティングには少し問題があります。HashRouter を置き換えることができます。空のリソース パスまたは間違ったリソース パスの問題を解決します。

推奨される学習: "react ビデオ チュートリアル "

以上がReact ビルド パスが間違っている場合はどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。