Vite js 開発環境で静的リソースの URL が見つかりません

Question

インポートされた PNG イメージはローカルで解析できません (開発モードでは、npm vite を実行します)。ただし、製品版では修正されました。最初は動的にインポートしていましたが、製品版では解決しなかったので、事前にインポートしました。

リーリー リーリー

test.png:1 GET http://localhost:3000/frontend/src/assets/frontend/src/assets/sprites/test.png 404 (見つかりません)

Answer 1

この問題を解決するには、新しい URL(url, import.meta.url) を使用して prod および dev の静的リソースを解決します

静的アセットの処理については、Vite のドキュメントを参照してください: https://vitejs.dev/guide/assets.html#new-url-url-import-meta-url

リーリー