正文

Vite 报错 require is not defined

譬如朝露 V管理员/ / 2 评论/ 629阅读
10 13


初步判断这是因为 require 是属于 Webpack 的方法，而我使用的是 Vite，所以我们需要去寻找 Vite 静态资源处理的方法，方法如下。

image.png

const getImageUrl = (name: string) => {
    return new URL(`./images/icon-${name}.png`, import.meta.url).href
}

URL API

URL API是一个URL标准的组件，它定义了有效的Uniform Resource Locator和访问、操作URL的API。URL标准还定义了像域名、主机和IP地址等概念，并尝试以标准的方式去描述用于以键/值对的形式提交web表单内容的遗留application/x-www-form-urlencoded MIME type 。

https://developer.mozilla.org/zh-CN/docs/Web/API/URL_API

文章版权声明：除非注明，否则均为 譬如朝露_策温技术开发工作室博客原创文章，转载或复制请以超链接形式并注明出处。