私の Vue コンポーネント (例:Login.vue) では、imgタグを使用して画像を表示します。

その後、ターミナルでnpm run devを実行すると、すべてが正常に動作し、画像も正常に表示されます。

ここでnpm run buildを実行すると、次のエラーが表示されます:

[vite]: ロールアップは、「C:/Users/Ali/Desktop/Projects/ajorplus/resources/js/Pages/Auth/Login.vue」からインポートされた「/assets/img/logo.png」を解析できません。 これは実行時にアプリケーションを破壊する可能性があるため、意図したものではない可能性が高くなります。 このモジュールを本当に外部化したい場合は、明示的にbuild.rollupOptions.externalに追加してください。 エラー: エラー: [vite]: ロールアップは「C:/Users/Ali/Desktop/Projects/ajorplus/resources/js/Pages/Auth/Login.vue」からインポートされた「/assets/img/logo.png」を解析できません。 これは実行時にアプリケーションを破壊する可能性があるため、意図したものではない可能性が高くなります。 このモジュールを本当に外部化したい場合は、明示的にbuild.rollupOptions.externalに追加します。 viteWarn 内 (file:///C:/Users/Ali/Desktop/Projects/ajorplus/node_modules/vite/dist/node/chunks/dep-abb4f102.js:48051:27) onRollupWarning (file:///C:/Users/Ali/Desktop/Projects/ajorplus/node_modules/vite/dist/node/chunks/dep-abb4f102.js:48083:9) onwarn 内 (file:///C:/Users/Ali/Desktop/Projects/ajorplus/node_modules/vite/dist/node/chunks/dep-abb4f102.js:47814:13) ファイル:///C:/Users/Ali/Desktop/Projects/ajorplus/node_modules/rollup/dist/es/shared/node-entry.js:24070:13 内 Object.logger 内 [as onLog] (file:///C:/Users/Ali/Desktop/Projects/ajorplus/node_modules/rollup/dist/es/shared/node-entry.js:25742:9) ModuleLoader.handleInvalidResolvedId 内 (file:///C:/Users/Ali/Desktop/Projects/ajorplus/node_modules/rollup/dist/es/shared/node-entry.js:24656:26) ファイル:///C:/Users/Ali/Desktop/Projects/ajorplus/node_modules/rollup/dist/es/shared/node-entry.js:24616:26

内

npm run devを実行するとすべて正常に動作するのに、npm run buildを実行するとこのエラーが発生するのはなぜですか?この問題はどうすれば解決できますか?