React パッケージ化されたイメージのパスが間違っている場合の対処方法

反応パッケージ化イメージの間違ったパスの解決策: 1. ビルド フォルダーを IIS に直接配置します; 2.index.html 内の参照リソースを変更し、「/static」の前にある「/」記号を削除します。 " ページのコンテンツにアクセスできます。

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

react パッケージ化されたイメージのパスが間違っている場合はどうすればよいですか?

#反応パッケージ化後のイメージとリソース パスのエラーの解決策

パッケージング プログラムを実行する

yarn run build

後、追加のビルド フォルダーが表示されます。ビルドフォルダーをサーバーにデプロイするだけでアクセスできます。 Index.html を直接開くと、エラーが報告され、画像とリソースを読み込むことができません。

IIS に直接配置しましたが、テスト後は問題ありませんでした。

# もちろん、ローカル アクセスを使用しない場合は、index.html 内の参照リソースを手動で理解して変更するだけです。つまり、[/static] の前の [/] を削除しても、ページのコンテンツにアクセスできます。

推奨学習: 「

react ビデオ チュートリアル 」

以上がReact パッケージ化されたイメージのパスが間違っている場合の対処方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。