最近使用 vite + vue3 + ts 開發一個文本標注的 web 平臺,在項目中使用了一個 js-mark
的 npm 包,但是在 import 導入后出現了 TS 報錯:TS2307: Cannot find module 'js-mark' or its corresponding type declarations.
、無法解析模塊 'js-mark' 的定義
。
TS declare module
報錯原因
依賴引入報錯是因為ts沒有識別當前引入的依賴
問題解決
在 src/vite-env.d.ts
文件中聲明該依賴即可解決,語法:declare module "xxx"
。
例:聲明 js-mark
模塊依賴:
/// <reference types="vite/client" />
declare module "js-mark";
// 解決找不到模塊“*.vue”或其相應的類型聲明。
declare module "*.vue" {
import { DefineComponent } from "vue";
const component: DefineComponent<{}, {}, any>;
export default component;
}
歡迎訪問:天問博客