vite+vue3解决打包后出现的 Failed to construct ‘URL‘: Invalid URL问题

3,217 阅读1分钟

直接上解决方案

  • 首先如果在项目中使用了 new URL(url,import.meta.url).href 的方式动态引入图片,就会出现此种问题
  • 如果图片目录不在public里,就需要设置publicDir对应到自己的图片目录 ,我这里是assets
  • 再然后配置esbuild
 build:{
      chunkSizeWarningLimit:1500,
      outDir: 'tywz',
      target: 'es2020'
    },
    publicDir:'assets',
    optimizedeps: {
      esbuildoptions: {
        target: 'es2020'
      }
  }