Dalam komponen Vue saya, contohnya Login.vue
Login.vue
,我使用了一个img
, saya menggunakan tag img
<img class="logo-img" src="/assets/img/logo.png" alt="...">
npm run dev
Kemudian jalankannya di terminal, semuanya berfungsi seperti biasa dan gambar dipaparkan seperti biasa.
npm run build
Sekarang apabila saya berlari
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
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 padabuild.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
npm run dev
时一切正常,但当我运行npm run build
Mengapa semuanya berfungsi dengan baik apabila saya berlari
我发现的一个问题是,你试图使用“绝对路径”来捆绑你的图像资源:你用反斜杠开头的路径,
src="/assets/img/logo.png"
。因此,它不会被包含在构建中。你可以自己将资源包含在公共文件或者公共文件的一个文件中,或者使用相对路径来引用资源(不要以反斜杠开头的路径)。参考: Laravel 10 文档 #URL 处理
文档中写道:
```html