require is not defind?因?yàn)?require 是屬于 Webpack 的方法,vite中找不到這個(gè)方法肯定報(bào)錯(cuò)
解決方法:創(chuàng)建一個(gè)工具文件getImge.ts
// 獲取assets靜態(tài)圖片
export const getAssetsImge = (url: string) => {
return new URL(`../assets/home/${url}`, import.meta.url).href
}
使用工具文件:文章來源:http://www.zghlxwxcb.cn/news/detail-571931.html
import { getAssetsImge } from '@/utils'
html中文章來源地址http://www.zghlxwxcb.cn/news/detail-571931.html
<el-avatar class="w-6 h-6" :src="getAssetsFile('user.png')" />
<img class="w-6 h-6" :src="getAssetsFile('user.png')" alt="" />
到了這里,關(guān)于解決vue3 + vite + ts 中require失效的問題(require is not defind)的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!