vue3使用import.meta.url打包后运行报错

作者：我家小花儿 | 2024-02-15 19:50:28

踩

import.meta.url

new URL(…/assets/img.png, import.meta.url).href

报错信息：
在这里插入图片描述
报错原因：import.meta.url未被vite解析替换

寻找报错原因：
1、let importMetaUrlRE = /\bnew\s+URL\s*\(\s*('[^']+'|"[^"]+"|[^`]+`)\s*,\simport.meta.url\s)/g;`

  new URL(`../assets/img.png`, import.meta.url).href  toString字符串要匹配以上正则表达式，见vite源码        /vite/dist/node/chunks\dep-972722fa.js的assetImportMetaUrlPlugin函数
1

2、…/assets/img.png图片路径是当前项目目录及图片名称，vite会转换，不用考虑打包后目录

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/我家小花儿/article/detail/86463