ホームページ >ウェブフロントエンド >フロントエンドQ&A >React パッケージ化されたイメージのパスが間違っている場合の対処方法

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

藏色散人
藏色散人オリジナル
2023-01-18 15:12:261836ブラウズ

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

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

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

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

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

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

yarn run build

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

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

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

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

推奨学習: 「

react ビデオ チュートリアル

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。