在LAravel Vue应用程序的构建中找不到Vite构建映像src

Question

我已经安装了陨石坑版本6.0.6，我面临的问题是

找不到图像src文件

在vite build上。dev版本运行良好。我的vite.config.ts如下：

    import { defineConfig } from 'laravel-vite'
import vue from '@vitejs/plugin-vue'

export default defineConfig({
  server: {
    watch: {
      ignored: ['**/.env/**'],
    },
  },
  resolve: {
    alias: {
      'vue-i18n': 'vue-i18n/dist/vue-i18n.cjs.js',
    },
  },
}).withPlugins(vue)

我在模板中为源代码使用一个函数，如下所示

<img :src="getDefaultAvatar()" class="rounded" alt="Default Avatar" />

getDefaultAvatar()如下所示

function getDefaultAvatar() {
  const imgUrl = new URL('/img/default-avatar.jpg', import.meta.url)
  return imgUrl
}

​

​

Answer 1

如果图像位于src/assets/img文件夹中，请尝试添加另一个别名：

'@': path.resolve(__dirname, 'src'),

在src中

const imgUrl = new URL('@/assets/img/default-avatar.jpg', import.meta.url)