vue中ts無法識別引入的vue文件,提示找不到xxx.vue模塊的解決
ts無法識別引入的vue文件,提示找不到xxx.vue模塊
在vue + ts項目中，在.ts中引入.vue文件，會提示打不到module，但是編譯可能成功，運行也不報錯
在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文件時提示找不到模塊
一、先說第一個問題
.vue 文件引入時，提示 找不到模塊“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
}方式二：其實和方式一的方法類似，就是在src下創(chuàng)建一個創(chuàng)建一個文件夾，名字自定義，然后創(chuàng)建一個 .d.ts文件，內(nèi)容和方式一 一樣。注：需要注意的是，如果創(chuàng)建文件夾，需要在你的tsconfig.json文件中聲明一下，結(jié)構(gòu)如下：我聲明的文件夾名稱為：typings
二、引入自定義的ts文件時
提示 找不到模塊“xxx.ts”或其相應(yīng)的類型聲明
我在使用時出現(xiàn)這個問題的原因是因為配置的快捷路徑導(dǎo)致的
在vue中使用快捷路徑時，只需要在vite.config.js中配置好對應(yīng)的別名即可
但是在vite中還需要在tsconfig.json中去配置你聲明的別名，如下：
需要配置baseUrl和paths兩個地方，配置好這兩個地方后，項目基本上就不會在提示關(guān)于.ts文件找不到模塊的問題了，具體為什么要這樣寫，暫時還不太清楚
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
Mixin，中文翻譯為"混入"，在Vue中是一種非常有用的功能，可以解決許多開發(fā)中的常見問題,下面就讓我們一起深入了解一下Mixin在Vue中解決了哪些問題吧2023-06-06
three.js是一個用于在Web上創(chuàng)建三維圖形的JavaScript庫,它可以用于創(chuàng)建各種類型的三維場景,包括游戲、虛擬現(xiàn)實、建筑和產(chǎn)品可視化等,下面這篇文章主要給大家介紹了關(guān)于如何通過一文帶你了解threejs在vue項目中的基本使用,需要的朋友可以參考下2023-04-04
vue3在table里使用elementUI的form表單驗證的示例代碼
這篇文章主要介紹了vue3在table里使用elementUI的form表單驗證的示例代碼,本文通過示例代碼給大家介紹的非常詳細,對大家的學(xué)習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2023-12-12
在Vue開發(fā)中遇到了搜索框輸入防抖處理,算是防抖的使用場景之一吧,這篇文章主要給大家介紹了關(guān)于Vue3指令之搜索框輸入防抖功能實現(xiàn)的相關(guān)資料,需要的朋友可以參考下2022-12-12
本篇文章主要介紹了vue mint-ui源碼解析之loadmore組件，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-10-10
這篇文章主要為大家詳細介紹了vue使用echart自定義標簽以及顏色，應(yīng)用于echart 5.0以上版本，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
這篇文章主要介紹了使用Vue-cli 3.0搭建Vue項目的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-06-06
這篇文章主要介紹了Vue使用Post進行表單提交，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-06-06
vue keep-alive列表頁緩存 詳情頁返回上一頁不刷新,定位到之前位置
這篇文章主要介紹了vue keep-alive列表頁緩存 詳情頁返回上一頁不刷新,定位到之前位置，本文通過實例代碼效果圖展示給大家介紹的非常詳細,需要的朋友可以參考下2019-11-11
這篇文章主要介紹了解決vue-cli中stylus無法使用的問題方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-06-06