Skip to content

第三方依赖无声明文件的解决方案

tsconfig.json配置参考:https://www.tslang.cn/docs/handbook/compiler-options.html

方案一、查找声明文件并安装

1、查找地址:https://microsoft.github.io/TypeSearch/

2、npm i -D @types/xxx

方案二、自定义全局声明文件

1、必须以 .d.ts结尾

js
// src/types/global.d.ts
declare module 'makingform'

2、配置tsconfig.json中的 baseUrl 和 paths

  • baseUrl 项目根目录
  • paths 别名,相对于baseUrl的
js
    "compilerOptions": {
        "target": "es5",
        "module": "commonjs",
        "allowJs":true,
        "strict": true,
        "jsx": "preserve",
        "importHelpers": true,
        "moduleResolution": "node",
        "experimentalDecorators": true,
        "esModuleInterop": true,
        "allowSyntheticDefaultImports": false,
        "sourceMap": true,
        "baseUrl": ".",
        "paths": {
          "@/*": ["./src/*"]
        },
        "lib": [
          "esnext",
          "dom",
          "dom.iterable",
          "scripthost"
        ]
    }