vite+vue3中require?is?not?defined問(wèn)題及解決
vite+vue3中require is not defined
1.準(zhǔn)備做一個(gè)走馬燈，引入資源時(shí)提示require未定義，通過(guò)了解到vue3中沒(méi)有這個(gè)，它屬于別的模塊也不咋清楚，也有特意去引入require的，但是對(duì)于我來(lái)說(shuō)過(guò)程太繁瑣了，我也不推薦那樣去做，如下的方式就很簡(jiǎn)單
解決辦法
通過(guò)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"
}
]犯了一個(gè)低級(jí)錯(cuò)誤，樣式height和width直接用=來(lái)賦值。導(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無(wú)法使用require,require is not defined
錯(cuò)誤原因
require is not defined
node.js不是內(nèi)置對(duì)象的一部分，如果想用typescript寫Node.js，則需要引入第三方聲明文件
vue無(wú)法識(shí)別require，執(zhí)行命令：
npm install @types/node --save-dev
總結(jié)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
vue使用mint-ui實(shí)現(xiàn)下拉刷新和無(wú)限滾動(dòng)的示例代碼
本篇文章主要介紹了vue使用mint-ui實(shí)現(xiàn)下拉刷新和無(wú)限滾動(dòng)的示例代碼，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-11-11
淺談實(shí)現(xiàn)vue2.0響應(yīng)式的基本思路
這篇文章主要介紹了淺談實(shí)現(xiàn)vue2.0響應(yīng)式的基本思路，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-02-02
本文主要介紹了淺談Vue灰度發(fā)布新功能的使用，文中通過(guò)示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-04-04
vue如何使用vant組件的field組件disabled修改默認(rèn)樣式
這篇文章主要介紹了vue如何使用vant組件的field組件disabled修改默認(rèn)樣式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-05-05
利用Vue+intro.js實(shí)現(xiàn)頁(yè)面新手引導(dǎo)流程功能
在同學(xué)們使用某些網(wǎng)站的新版本頁(yè)面的時(shí)候,經(jīng)常會(huì)出現(xiàn)一個(gè)類似于新手引導(dǎo)一樣的效果,來(lái)幫助同學(xué)們更好的熟悉新版本頁(yè)面的功能和使用,這篇文章主要給大家介紹了關(guān)于如何利用Vue+intro.js實(shí)現(xiàn)頁(yè)面新手引導(dǎo)流程功能的相關(guān)資料,需要的朋友可以參考下2023-11-11
vue實(shí)現(xiàn)會(huì)議室拖拽布局排座功能
vue-draggable-resizable-gorkys是一更強(qiáng)大的拖拽組件,可以隨意拖拽,有點(diǎn)坐標(biāo),會(huì)議室拖拽布局排座是vue-draggable結(jié)合vue-draggable-resizable-gorkys進(jìn)行開(kāi)發(fā)的,本文重點(diǎn)給大家介紹vue實(shí)現(xiàn)會(huì)議室拖拽布局排座,感興趣的朋友一起看看吧2023-11-11
這篇文章主要介紹了vue中el-upload上傳圖片到七牛的示例代碼,實(shí)現(xiàn)思路其實(shí)也很簡(jiǎn)單，需要從后臺(tái)獲取七牛token上傳圖片到七牛，具體示例代碼大家跟隨小編一起學(xué)習(xí)吧2018-10-10
Vue?Router?實(shí)現(xiàn)登錄后跳轉(zhuǎn)到之前想要訪問(wèn)的頁(yè)面
這篇文章主要介紹了Vue?Router?實(shí)現(xiàn)登錄后跳轉(zhuǎn)到之前相要訪問(wèn)的頁(yè)面,本文僅演示路由跳轉(zhuǎn)和導(dǎo)航守衛(wèi)相關(guān)代碼的實(shí)現(xiàn)，不包含具體的權(quán)限驗(yàn)證和登錄請(qǐng)求，需要的朋友可以參考下2022-12-12
Pinia?是一個(gè)基于?Vue?3?的狀態(tài)管理庫(kù)，可以更好地支持?TypeScript?和更靈活的狀態(tài)管理方式，本文主要介紹了pinia的使用與持久化處理，需要的可以參考一下2023-07-07
這篇文章主要介紹了vue之將echart封裝為組件，本文將會(huì)以雷達(dá)圖為案例，一步步講解在vue項(xiàng)目中如何使用echart，如何將其封裝為能重復(fù)調(diào)用的組件2018-06-06