泰州网站设计公司,关键词优化价格表,链家网,广州商城网站开发一 加载静态资源
在第一次使用vue3开发项目时#xff0c;使用require#xff08;‘图片路径’#xff09;#xff0c;结果浏览器报错#xff1a;
Uncaught (in promise) ReferenceError: require is not defined
因为require是webpack提供的一种加载能力#xff0c;但…一 加载静态资源
在第一次使用vue3开发项目时使用require‘图片路径’结果浏览器报错
Uncaught (in promise) ReferenceError: require is not defined
因为require是webpack提供的一种加载能力但是vue3项目时搭配vite的所以这里应该用vite提供的静态资源载入方法
官方文档https://vitejs.cn/guide/assets.html#the-public-directory
将上面的require改为new URL这种格式页面就可以正常加载静态资源了
img :srcimage /const image new URL(/static/images/error.svg, import.meta.url).href