Vue3+Vite如何解決“找不到模塊“@/components/xxx.vue”或其相應(yīng)的類型聲明ts(2307)”
更新時(shí)間:2024年10月09日 16:30:15 作者:YUELEI118
在Vue項(xiàng)目中使用Vite時(shí),可能因版本差異而需修改tsconfig.app.json而非tsconfig.json以解決編譯錯(cuò)誤,本文分享個(gè)人解決經(jīng)驗(yàn),供參考
1. 安裝插件
pnpm i @types/node -D
2. 修改vite.config.ts文件
import path from 'path'; resolve: { alias: { "@": path.resolve(__dirname,"./src"), }, },
3. 修改tsconfig.app.json文件
別人教的都是修改tsconfig.json
文件
但是我發(fā)現(xiàn)可能是因?yàn)榘姹镜膯栴}
我的tsconfig.json
長(zhǎng)這樣:
在tsconfig.app.json
文件中添加
"baseUrl": ".", "paths": { "@/*": ["./src/*"], }
終于不報(bào)錯(cuò)了
4. vue和vite的版本
總結(jié)
以上為個(gè)人經(jīng)驗(yàn),希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
Vue無法讀取HTMLCollection列表的length問題解決
這篇文章主要介紹了Vue無法讀取HTMLCollection列表的length問題解決方案,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-03-03詳解Vue3如何優(yōu)雅的監(jiān)聽localStorage變化
最近在研究框架,也仔細(xì)用了Vue3一些功能,所以本文就來和大家聊聊Vue3如何實(shí)現(xiàn)優(yōu)雅的監(jiān)聽localStorage的變化,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-06-06一文詳細(xì)聊聊vue3的defineProps、defineEmits和defineExpose
vue3官方文檔defineProps和defineEmits都是只能在scriptsetup中使用的編譯器宏,下面這篇文章主要給大家介紹了關(guān)于vue3的defineProps、defineEmits和defineExpose的相關(guān)資料,需要的朋友可以參考下2023-02-02