vue中ts無法識別引入的vue文件,提示找不到xxx.vue模塊的解決
ts無法識別引入的vue文件,提示找不到xxx.vue模塊
在vue + ts項(xiàng)目中，在.ts中引入.vue文件，會提示打不到module，但是編譯可能成功，運(yùn)行也不報(bào)錯
在src根目錄下，新建一個sfc.d.ts文件這個里面的
declare module "*.vue" {
? ? import Vue from 'vue'
? ? export default Vue
}在shims-vue.d.ts文件中官方文檔有一個地方是說寫到這里來著，所以shims-vue.d.ts中的這段要刪掉，把他們寫到
sfc.d.ts中，問題就可以解決了
vite+ts引入 .vue或 .ts文件時(shí)提示找不到模塊
一、先說第一個問題
.vue 文件引入時(shí)，提示 找不到模塊“xxx.vue”或其相應(yīng)的類型聲明
方式一：在你的src目錄下創(chuàng)建一個 .d.ts結(jié)尾的文件 例如：env.d.ts 里面內(nèi)容如下
declare module "*.vue" {
? import { DefineComponent } from "vue"
? const component: DefineComponent<{}, {}, any>
? export default component
}方式二：其實(shí)和方式一的方法類似，就是在src下創(chuàng)建一個創(chuàng)建一個文件夾，名字自定義，然后創(chuàng)建一個 .d.ts文件，內(nèi)容和方式一 一樣。注：需要注意的是，如果創(chuàng)建文件夾，需要在你的tsconfig.json文件中聲明一下，結(jié)構(gòu)如下：我聲明的文件夾名稱為：typings
二、引入自定義的ts文件時(shí)
提示 找不到模塊“xxx.ts”或其相應(yīng)的類型聲明
我在使用時(shí)出現(xiàn)這個問題的原因是因?yàn)榕渲玫目旖萋窂綄?dǎo)致的
在vue中使用快捷路徑時(shí)，只需要在vite.config.js中配置好對應(yīng)的別名即可
但是在vite中還需要在tsconfig.json中去配置你聲明的別名，如下：
需要配置baseUrl和paths兩個地方，配置好這兩個地方后，項(xiàng)目基本上就不會在提示關(guān)于.ts文件找不到模塊的問題了，具體為什么要這樣寫，暫時(shí)還不太清楚
以上為個人經(jīng)驗(yàn)，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
本篇文章主要介紹了vue-loader，vue-loader是webpack下loader插件 可以把.vue文件輸出成組件，有興趣的可以了解一下2017-06-06
上傳圖片不管是后臺還是前端小程序，上傳圖片都是一個比不可少的功能有時(shí)候需要好幾個頁面都要上傳圖片，每個頁面都寫一個非常不方便，本文就給大家介紹vue如何封裝一個上傳多張圖片的組件,需要的朋友可以參考下2023-07-07
vue中render函數(shù)和h函數(shù)以及jsx的使用方式
這篇文章主要介紹了vue中render函數(shù)和h函數(shù)以及jsx的使用方式，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-08-08
Vue實(shí)現(xiàn)縱向的物流時(shí)間軸效果的示例代碼
在當(dāng)今數(shù)字化的時(shí)代,用戶體驗(yàn)的優(yōu)化至關(guān)重要,物流信息的展示作為電商和供應(yīng)鏈領(lǐng)域中的關(guān)鍵環(huán)節(jié),其呈現(xiàn)方式直接影響著用戶對貨物運(yùn)輸狀態(tài)的感知和滿意度,所以本文介紹了Vue實(shí)現(xiàn)縱向的物流時(shí)間軸效果的方法,需要的朋友可以參考下2024-08-08
vue input實(shí)現(xiàn)點(diǎn)擊按鈕文字增刪功能示例
這篇文章主要介紹了vue input實(shí)現(xiàn)點(diǎn)擊按鈕文字增刪功能,涉及基于vue.js的事件響應(yīng)及頁面元素屬性動態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2019-01-01
這篇文章主要給大家介紹了關(guān)于vue項(xiàng)目運(yùn)行的相關(guān)資料,文中通過圖文介紹的非常詳細(xì),對大家學(xué)習(xí)或者使用vue具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2023-09-09
這篇文章主要介紹了Vue slot用法(小結(jié))，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-10-10
如何在vue3中使用滑塊檢驗(yàn)vue-puzzle-verification
這篇文章主要介紹了在vue3中使用滑塊檢驗(yàn)vue-puzzle-verification的相關(guān)資料,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2023-11-11
vue實(shí)現(xiàn)點(diǎn)擊圖片放大效果
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)點(diǎn)擊圖片放大效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-08-08
前端登錄退出處理Token問題(獲取、緩存、失效處理)及代碼實(shí)現(xiàn)方法
token是一個用戶信息的表示,在登錄中將會從后端拿到token,然后用戶才可以進(jìn)行往后的一系列操作,這篇文章主要給大家介紹了關(guān)于前端登錄退出處理Token問題(獲取、緩存、失效處理)及代碼實(shí)現(xiàn)的相關(guān)資料,需要的朋友可以參考下2024-01-01