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即可;
已安裝對應模塊,但報無法找到模塊“XXX”的聲明文件的解決
在一次做項目的時候,我封裝一個axios的文件,想引入qs組件,因為axios已經(jīng)自帶qs組件了,所以直接
import qs from 'qs';
但是,它居然給我報了如下的提示(這張圖片是我寫博客的時候找的類似的一張圖片,當成qs就好)
import qs from 'qs';

W T F?
好了,工作忙,不吹了,直接在src文件目錄下創(chuàng)建一個 shime-vue.d.ts文件,在里面寫入
declare module 'qs'
保存,就可以了,qs可以正常引入了,不會再報找不到模塊了
總結(jié)
以上為個人經(jīng)驗,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
vxe-table?使用?vxe-upload?在表格中實現(xiàn)非常強大的粘貼上傳圖片和附件功能
本文通過實例代碼介紹了vxe-table渲染器的強大功能,配合 vxe-upload 上傳,比如復制或者截圖一張圖片,通過粘貼方式快速粘貼到單元格中,能支持單張、多張、查看、預覽功能,感興趣的朋友跟隨小編一起看看吧2024-12-12

