Vue3+TypeScript報(bào)錯(cuò):無法找到模塊xx的聲明文件問題
更新時(shí)間：2023年11月16日 09:15:28 作者：青顏的天空
這篇文章主要介紹了Vue3+TypeScript報(bào)錯(cuò):無法找到模塊xx的聲明文件問題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
Vue3+TypeScript報(bào)錯(cuò):無法找到模塊xx的聲明文件
項(xiàng)目背景，把之前的 js 項(xiàng)目 遷移成 Vue3 + ts項(xiàng)目
問題描述
有一個(gè)工具文件my-util.js，原后綴名為 .js，被原封不動(dòng)遷移到了 ts 項(xiàng)目中，報(bào)錯(cuò)
無法找到模塊xx的聲明文件
方法1：添加my-util.d.ts聲明文件
// 目錄
src/
my-util.js
my-util.d.ts
index.ts
my-util.js
export const count = 10;
export const NAME = 'test';
export function getList() {
return fetch('xxx', {
method: 'POST',
});
}
my-util.d.ts
export declare const count: number
export declare const NAME: string;
export declare const getList: Function;
方法2：若可以，直接把 .js后綴名改為.ts即可；
已安裝對(duì)應(yīng)模塊，但報(bào)無法找到模塊“XXX”的聲明文件的解決
在一次做項(xiàng)目的時(shí)候，我封裝一個(gè)axios的文件，想引入qs組件，因?yàn)閍xios已經(jīng)自帶qs組件了，所以直接
import qs from 'qs';
但是，它居然給我報(bào)了如下的提示（這張圖片是我寫博客的時(shí)候找的類似的一張圖片，當(dāng)成qs就好）
import qs from 'qs';
W T F？
好了，工作忙，不吹了，直接在src文件目錄下創(chuàng)建一個(gè) shime-vue.d.ts文件，在里面寫入
declare module 'qs'
保存，就可以了，qs可以正常引入了，不會(huì)再報(bào)找不到模塊了
總結(jié)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
使用vue實(shí)現(xiàn)一個(gè)電子簽名組件的示例代碼
這篇文章主要介紹了使用vue實(shí)現(xiàn)一個(gè)電子簽名組件的示例代碼,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-01-01
這篇文章主要介紹了使用Vue寫一個(gè)datepicker的示例，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-01-01
移動(dòng)端調(diào)試神器vConsole使用詳解
vConsole?是框架無關(guān)的，可以在?Vue、React?或其他任何框架中使用，今天通過本文給大家介紹移動(dòng)端調(diào)試神器vConsole使用，感興趣的朋友一起看看吧2022-04-04
這篇文章主要介紹了vue如何使用rem適配，幫助大家處理vue開發(fā)移動(dòng)應(yīng)用時(shí)的兼容性問題，感興趣的朋友可以了解下2021-02-02
Vue項(xiàng)目動(dòng)態(tài)加載圖片正確寫法
最近做項(xiàng)目的時(shí)候遇到了動(dòng)態(tài)加載圖片的需求,所以這里給大家總結(jié)下,這篇文章主要給大家介紹了關(guān)于Vue項(xiàng)目動(dòng)態(tài)加載圖片的正確寫法,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-04-04
這篇文章主要為大家介紹了Vue extends 屬性的用法示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-08-08
這篇文章主要介紹了vue組件暴露和.js文件暴露接口操作，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2020-08-08
這篇文章主要介紹了vue2+elementUI的el-tree的懶加載,文中給大家提到了element?ui?中?el-tree?實(shí)現(xiàn)懶加載的方法，本文結(jié)合實(shí)例代碼給大家介紹的非常詳細(xì)，需要的朋友可以參考下2022-09-09
vue3的父?jìng)髯訂栴}(單項(xiàng)數(shù)據(jù)流)
這篇文章主要介紹了vue3的父?jìng)髯訂栴}(單項(xiàng)數(shù)據(jù)流)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-01-01
數(shù)據(jù)綁定的一個(gè)常見需求場(chǎng)景是操縱元素的 CSS class 列表和內(nèi)聯(lián)樣式,因?yàn)?nbsp;class 和 style 都是 attribute,我們可以和其他 attribute 一樣使用 v-bind 將它們和動(dòng)態(tài)的字符串綁定,這篇文章主要介紹了vue3 Class 與 Style 綁定操作方法,需要的朋友可以參考下2024-05-05