vue3 require is not defined

2024-01-07 22:54:29

前言:我想在vue3项目的页面引入图片总是不成功,最后看到说是Vite在作祟,让我来瞧瞧,是怎么回事咧。

看看官方文档怎么说Vite官网地址
在这里插入图片描述
主要是
new URL(url, import.meta.url)
import.meta.url 是一个 ESM 的原生功能,会暴露当前模块的 URL。将它与原生的 URL 构造器 组合使用,在一个 JavaScript 模块中,通过相对路径我们就能得到一个被完整解析的静态资源 URL:

const imgUrl = new URL('./img.png', import.meta.url).href

document.getElementById('hero-img').src = imgUrl

那么就用不到require 了,去掉直接引入imgUrl使用

文章来源:https://blog.csdn.net/weixin_45594156/article/details/135384373
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。