インポートされた PNG イメージはローカルで解析できません (開発モードでは、npm vite を実行します)。ただし、製品版では修正されました。最初は動的にインポートしていましたが、製品版では解決しなかったので、事前にインポートしました。
npm vite
test.png:1 GET http://localhost:3000/frontend/src/assets/frontend/src/assets/sprites/test.png 404 (見つかりません)
この問題を解決するには、新しい URL(url, import.meta.url) を使用して prod および dev の静的リソースを解決します
静的アセットの処理については、Vite のドキュメントを参照してください: https://vitejs.dev/guide/assets.html#new-url-url-import-meta-url
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
この問題を解決するには、新しい URL(url, import.meta.url) を使用して prod および dev の静的リソースを解決します
静的アセットの処理については、Vite のドキュメントを参照してください: https://vitejs.dev/guide/assets.html#new-url-url-import-meta-url
リーリー