Vue3+TypeScript報錯:無法找到模塊xx的聲明文件問題
Vue3+TypeScript報錯:無法找到模塊xx的聲明文件
項目背景,把之前的 js 項目 遷移成 Vue3 + ts項目
問題描述
有一個工具文件my-util.js,原后綴名為 .js,被原封不動遷移到了 ts 項目中,報錯
無法找到模塊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即可;
已安裝對應(yīng)模塊,但報無法找到模塊“XXX”的聲明文件的解決
在一次做項目的時候,我封裝一個axios的文件,想引入qs組件,因為axios已經(jīng)自帶qs組件了,所以直接
import qs from 'qs';
但是,它居然給我報了如下的提示(這張圖片是我寫博客的時候找的類似的一張圖片,當(dāng)成qs就好)
import qs from 'qs';

W T F?
好了,工作忙,不吹了,直接在src文件目錄下創(chuàng)建一個 shime-vue.d.ts文件,在里面寫入
declare module 'qs'
保存,就可以了,qs可以正常引入了,不會再報找不到模塊了
總結(jié)
以上為個人經(jīng)驗,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
如何利用 vue實現(xiàn)鼠標(biāo)懸停時顯示元素或文本
Vue.js 是一種流行的 JavaScript 框架,可以使 Web 應(yīng)用程序的開發(fā)變得更加輕松和高效,這篇文章主要介紹了在 vue 中鼠標(biāo)懸停時顯示元素或文本,需要的朋友可以參考下2023-05-05
使用Vue的slot插槽分發(fā)父組件內(nèi)容實現(xiàn)高度復(fù)用、更加靈活的組件(推薦)
這篇文章主要介紹了使用Vue的slot插槽分發(fā)父組件內(nèi)容實現(xiàn)高度復(fù)用、更加靈活的組件 ,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2018-05-05
Vue3使用hooks函數(shù)實現(xiàn)代碼復(fù)用詳解
這篇文章主要介紹了Vue3使用hooks函數(shù)實現(xiàn)代碼復(fù)用詳解,Vue3的hook函數(shù)可以幫助我們提高代碼的復(fù)用性,?讓我們能在不同的組件中都利用hooks函數(shù)2022-06-06
element-ui中el-form-item內(nèi)的el-select該如何自適應(yīng)寬度
自從用了element-ui,確實好用,該有的組件都有,但是組件間的樣式都固定好了,下面這篇文章主要給大家介紹了關(guān)于element-ui中el-form-item內(nèi)的el-select該如何自適應(yīng)寬度的相關(guān)資料,需要的朋友可以參考下2022-11-11

