Bagaimana untuk memasukkan komponen imej Vue dalam Vite dan Laravel 10
P粉327903045
P粉327903045 2023-09-17 18:53:22
0
1
473

Dalam komponen Vue saya, contohnya Login.vueLogin.vue,我使用了一个img, saya menggunakan tag img

untuk memaparkan imej:

<img class="logo-img" src="/assets/img/logo.png" alt="...">
npm run devKemudian jalankannya di terminal

, semuanya berfungsi seperti biasa dan gambar dipaparkan seperti biasa.

npm run buildSekarang apabila saya berlari

saya mendapat ralat berikut:

build.rollupOptions.external[vite]: Rollup tidak boleh menghuraikan "/assets/img/logo.png" yang diimport daripada "C:/Users/Ali/Desktop/Projects/ajorplus/resources/js/Pages/Auth/Login.vue". Ini berkemungkinan besar tidak disengajakan kerana ia boleh memecahkan aplikasi anda semasa runtime. Jika anda benar-benar ingin mengubah modul ini, tambahkannya secara eksplisit pada build.rollupOptions.external Ralat: Ralat: [vite]: Rollup tidak boleh menghuraikan "/assets/img/logo.png" yang diimport daripada "C:/Users/Ali/Desktop/Projects/ajorplus/resources/js/Pages/Auth/Login.vue". Ini berkemungkinan besar tidak disengajakan kerana ia boleh memecahkan aplikasi anda semasa runtime. Jika anda benar-benar ingin mengubah modul ini, tambahkannya secara eksplisit pada

dalam viteWarn (file:///C:/Users/Ali/Desktop/Projects/ajorplus/node_modules/vite/dist/node/chunks/dep-abb4f102.js:48051:27) dalam onRollupWarning (file:///C:/Users/Ali/Desktop/Projects/ajorplus/node_modules/vite/dist/node/chunks/dep-abb4f102.js:48083:9) dalam onwarn (fail:///C:/Users/Ali/Desktop/Projects/ajorplus/node_modules/vite/dist/node/chunks/dep-abb4f102.js:47814:13) Dalam fail:///C:/Users/Ali/Desktop/Projects/ajorplus/node_modules/rollup/dist/es/shared/node-entry.js:24070:13 dalam Object.logger [as onLog] (file:///C:/Users/Ali/Desktop/Projects/ajorplus/node_modules/rollup/dist/es/shared/node-entry.js:25742:9) dalam ModuleLoader.handleInvalidResolvedId (file:///C:/Users/Ali/Desktop/Projects/ajorplus/node_modules/rollup/dist/es/shared/node-entry.js:24656:26) Dalam fail:///C:/Users/Ali/Desktop/Projects/ajorplus/node_modules/rollup/dist/es/shared/node-entry.js:24616:26

npm run dev时一切正常,但当我运行npm run buildMengapa semuanya berfungsi dengan baik apabila saya berlari

tetapi apabila saya berlari 🎜 saya mendapat ralat ini? Bagaimanakah saya boleh menyelesaikan masalah ini? 🎜
P粉327903045
P粉327903045

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!