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.準備做一個走馬燈，引入資源時提示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)賦值好了，細一看發(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)文章
vue使用mint-ui實現(xiàn)下拉刷新和無限滾動的示例代碼
本篇文章主要介紹了vue使用mint-ui實現(xiàn)下拉刷新和無限滾動的示例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-11-11
淺談實現(xiàn)vue2.0響應(yīng)式的基本思路
這篇文章主要介紹了淺談實現(xiàn)vue2.0響應(yīng)式的基本思路，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-02-02
本文主要介紹了淺談Vue灰度發(fā)布新功能的使用，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-04-04
vue如何使用vant組件的field組件disabled修改默認樣式
這篇文章主要介紹了vue如何使用vant組件的field組件disabled修改默認樣式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-05-05
利用Vue+intro.js實現(xiàn)頁面新手引導(dǎo)流程功能
在同學(xué)們使用某些網(wǎng)站的新版本頁面的時候,經(jīng)常會出現(xiàn)一個類似于新手引導(dǎo)一樣的效果,來幫助同學(xué)們更好的熟悉新版本頁面的功能和使用,這篇文章主要給大家介紹了關(guān)于如何利用Vue+intro.js實現(xiàn)頁面新手引導(dǎo)流程功能的相關(guān)資料,需要的朋友可以參考下2023-11-11
vue-draggable-resizable-gorkys是一更強大的拖拽組件,可以隨意拖拽,有點坐標,會議室拖拽布局排座是vue-draggable結(jié)合vue-draggable-resizable-gorkys進行開發(fā)的,本文重點給大家介紹vue實現(xiàn)會議室拖拽布局排座,感興趣的朋友一起看看吧2023-11-11
這篇文章主要介紹了vue中el-upload上傳圖片到七牛的示例代碼,實現(xiàn)思路其實也很簡單，需要從后臺獲取七牛token上傳圖片到七牛，具體示例代碼大家跟隨小編一起學(xué)習(xí)吧2018-10-10
Vue?Router?實現(xiàn)登錄后跳轉(zhuǎn)到之前想要訪問的頁面
這篇文章主要介紹了Vue?Router?實現(xiàn)登錄后跳轉(zhuǎn)到之前相要訪問的頁面,本文僅演示路由跳轉(zhuǎn)和導(dǎo)航守衛(wèi)相關(guān)代碼的實現(xiàn)，不包含具體的權(quán)限驗證和登錄請求，需要的朋友可以參考下2022-12-12
Pinia?是一個基于?Vue?3?的狀態(tài)管理庫，可以更好地支持?TypeScript?和更靈活的狀態(tài)管理方式，本文主要介紹了pinia的使用與持久化處理，需要的可以參考一下2023-07-07
這篇文章主要介紹了vue之將echart封裝為組件，本文將會以雷達圖為案例，一步步講解在vue項目中如何使用echart，如何將其封裝為能重復(fù)調(diào)用的組件2018-06-06