vite+vue3中require?is?not?defined問題及解決
更新時間：2023年05月17日 10:58:17 作者：我是粗心超人
這篇文章主要介紹了vite+vue3中require?is?not?defined問題及解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
vite+vue3中require is not defined
1.準(zhǔn)備做一個走馬燈，引入資源時提示require未定義，通過了解到vue3中沒有這個，它屬于別的模塊也不咋清楚，也有特意去引入require的，但是對于我來說過程太繁瑣了，我也不推薦那樣去做，如下的方式就很簡單
解決辦法
通過vite官網(wǎng)了解到新的引入方式，我使用了其中一種，其他自行學(xué)習(xí)。
imgList: [
{
name: "lj",
src: new URL('../../assets/img/applyList.png', import.meta.url).href,
title: "這是lj.png"
},
{
name: "logo",
src: new URL('../../assets/img/applyList.png', import.meta.url).href,
title: "這是logo.png"
},
{
name: "bg",
src: new URL('../../assets/img/applyList.png', import.meta.url).href,
title: "這是bg.png"
},
{
name: "sadmas",
src: new URL('../../assets/img/applyList.png', import.meta.url).href,
title: "這是sadmas.png"
}
]犯了一個低級錯誤，樣式height和width直接用=來賦值。導(dǎo)致圖片不顯示，還以為是URL未生效，
最后用指針看了一下，路徑已經(jīng)賦值好了，細(xì)一看發(fā)現(xiàn)寬高為0，恍然大悟。
<el-carousel :interval="4000" type="card" height="200px">
<el-carousel-item v-for="item in imgList" :key="item">
<img :src="item.src" style="height: 40px;width: 40px;">
</el-carousel-item>
</el-carousel>
vite無法使用require,require is not defined
錯誤原因
require is not defined
node.js不是內(nèi)置對象的一部分，如果想用typescript寫Node.js，則需要引入第三方聲明文件
vue無法識別require，執(zhí)行命令：
npm install @types/node --save-dev
總結(jié)
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要給大家介紹了關(guān)于Vue.js實例方法之生命周期的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家具有一定的參考學(xué)習(xí)價值，需要的朋友們下面跟著小編一起來學(xué)習(xí)學(xué)習(xí)吧。2017-07-07
這篇文章主要介紹了vue中echarts自動輪播tooltip問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10
下面小編就為大家分享一篇vue項目中的webpack-dev-sever配置方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2017-12-12
Vue腳手架學(xué)習(xí)之項目創(chuàng)建方式
這篇文章主要給大家介紹了關(guān)于Vue腳手架學(xué)習(xí)之項目創(chuàng)建方式的相關(guān)資料，文中通過介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-03-03
這篇文章主要為大家詳細(xì)介紹了基于Vue2.0的分頁組件的相關(guān)資料，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-03-03
Vue組合式API--setup中定義響應(yīng)式數(shù)據(jù)的示例詳解
在Vue2.x中，編寫組件的方式是使用Options API，它的特點(diǎn)是在對應(yīng)的屬性中編寫對應(yīng)的功能模塊，這篇文章主要介紹了Vue組合式API--setup中定義響應(yīng)式數(shù)據(jù)詳解,需要的朋友可以參考下2022-10-10
這篇文章主要為大家介紹了vue-router鉤子執(zhí)行順序示例解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-07-07
這篇文章主要介紹了vue引入js數(shù)字小鍵盤的實現(xiàn)代碼,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2018-05-05
這篇文章主要介紹了vue基于input實現(xiàn)密碼的顯示與隱藏功能,文末給大家介紹了vue?如何實現(xiàn)切換密碼的顯示與隱藏效果，本文通過實例代碼給大家介紹的非常詳細(xì)，需要的朋友可以參考下2022-01-01
vue+Element-ui的el-table的多級內(nèi)容渲染問題
這篇文章主要介紹了vue+Element-ui的el-table的多級內(nèi)容渲染問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-10-10