Vue3+TypeScript報(bào)錯(cuò):無(wú)法找到模塊xx的聲明文件問(wèn)題
Vue3+TypeScript報(bào)錯(cuò):無(wú)法找到模塊xx的聲明文件
項(xiàng)目背景,把之前的 js 項(xiàng)目 遷移成 Vue3 + ts
項(xiàng)目
問(wèn)題描述
有一個(gè)工具文件my-util.js
,原后綴名為 .js
,被原封不動(dòng)遷移到了 ts 項(xiàng)目中,報(bào)錯(cuò)
無(wú)法找到模塊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)無(wú)法找到模塊“XXX”的聲明文件的解決
在一次做項(xiàng)目的時(shí)候,我封裝一個(gè)axios的文件,想引入qs組件,因?yàn)閍xios已經(jīng)自帶qs組件了,所以直接
import qs from 'qs';
但是,它居然給我報(bào)了如下的提示(這張圖片是我寫(xiě)博客的時(shí)候找的類(lèi)似的一張圖片,當(dāng)成qs就好)
import qs from 'qs';
W T F?
好了,工作忙,不吹了,直接在src文件目錄下創(chuàng)建一個(gè) shime-vue.d.ts文件,在里面寫(xiě)入
declare module 'qs'
保存,就可以了,qs可以正常引入了,不會(huì)再報(bào)找不到模塊了
總結(jié)
以上為個(gè)人經(jīng)驗(yàn),希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
如何利用 vue實(shí)現(xiàn)鼠標(biāo)懸停時(shí)顯示元素或文本
Vue.js 是一種流行的 JavaScript 框架,可以使 Web 應(yīng)用程序的開(kāi)發(fā)變得更加輕松和高效,這篇文章主要介紹了在 vue 中鼠標(biāo)懸停時(shí)顯示元素或文本,需要的朋友可以參考下2023-05-05Vue 路由返回恢復(fù)頁(yè)面狀態(tài)的操作方法
在使用 Vue 開(kāi)發(fā)前端的時(shí)候遇到一個(gè)場(chǎng)景在首頁(yè)進(jìn)行一些數(shù)據(jù)搜索,點(diǎn)擊搜索結(jié)果進(jìn)入詳情頁(yè)面,瀏覽詳情頁(yè)后返回主頁(yè),所以需要在返回后恢復(fù)跳轉(zhuǎn)前的頁(yè)面參數(shù)狀態(tài),今天通過(guò)本文給大家分享Vue 路由頁(yè)面狀態(tài)返回的操作方法,一起看看吧2021-07-07使用Vue的slot插槽分發(fā)父組件內(nèi)容實(shí)現(xiàn)高度復(fù)用、更加靈活的組件(推薦)
這篇文章主要介紹了使用Vue的slot插槽分發(fā)父組件內(nèi)容實(shí)現(xiàn)高度復(fù)用、更加靈活的組件 ,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2018-05-05Vue中的基礎(chǔ)過(guò)渡動(dòng)畫(huà)及實(shí)現(xiàn)原理解析
這篇文章主要介紹了Vue中的基礎(chǔ)過(guò)渡動(dòng)畫(huà)原理解析,需要的朋友可以參考下2018-12-12Vue3使用hooks函數(shù)實(shí)現(xiàn)代碼復(fù)用詳解
這篇文章主要介紹了Vue3使用hooks函數(shù)實(shí)現(xiàn)代碼復(fù)用詳解,Vue3的hook函數(shù)可以幫助我們提高代碼的復(fù)用性,?讓我們能在不同的組件中都利用hooks函數(shù)2022-06-06Vue3使用v-if指令進(jìn)行條件渲染的實(shí)例代碼
條件渲染是根據(jù)條件的真假來(lái)有條件地渲染元素,在Vue.js 3.x中,常見(jiàn)的條件渲染包括使用v-if指令和v-show指令,本文講解使用v-if指令進(jìn)行條件渲染,需要的朋友可以參考下2024-03-03element-ui中el-form-item內(nèi)的el-select該如何自適應(yīng)寬度
自從用了element-ui,確實(shí)好用,該有的組件都有,但是組件間的樣式都固定好了,下面這篇文章主要給大家介紹了關(guān)于element-ui中el-form-item內(nèi)的el-select該如何自適應(yīng)寬度的相關(guān)資料,需要的朋友可以參考下2022-11-11vue2.0+SVG實(shí)現(xiàn)音樂(lè)播放圓形進(jìn)度條組件
這篇文章主要為大家詳細(xì)介紹了Vue2.0+SVG實(shí)現(xiàn)音樂(lè)播放圓形進(jìn)度條組件,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-09-09