我应该在哪里放置自定义.d.ts文件？

Question

我正在尝试为没有它们的包装提供类型:

error TS7016: Could not find a declaration file for module 'inputmask-core'. './node_modules/inputmask-core/lib/index.js' implicitly has an 'any' type.
Try `npm install @types/inputmask-core` if it exists or add a new declaration (.d.ts) file containing `declare module 'inputmask-core';`

我在带有打字稿 2.4.2 的 webpack 中使用 ts-loader，并且在 tsconfig.json 中设置了以下类型根：

"typeRoots": [
  "./node_modules/@types",
  "./src/client/types"
]

我试图模仿中的包结构node_modules/@类型：

src/client/types
|--inputmask-core
  |--index.d.ts

< code>index.d.ts中包含以下内容:

declare class InputMask {}
export default InputMask;

但是错误仍然存在。我做错了什么？我应该把那些自定义的. d.ts文件放在哪里？

node_modules/@types和任何其他类型根之间有什么区别？为什么TypeScript会区别对待它们？

Answer 1

有很多包不是打字稿包，所以要修复此错误，只需在 tsconfig 中将 compilerOptions.strict 更改为 false

Answer 2

可能的解决方案:将以下内容放在index.d.ts中，它将会编译:

declare module "inputmask-core" {
    declare class InputMask {}
    export default InputMask;
}

不过，我仍然不理解node_modules/@types得到的特殊处理。

Answer 3

使用路径而不是typeRoots

• https://github.com/Microsoft/TypeScript/issues/22217#issuecomment-369783776
• https://www.typescriptlang.org/docs/handbook/module-resolution.html#path-映射

“typeRoots”用于全局代码。即在全局命名空间中声明的东西，并且您希望包含它。对于模块，它们有自己的作用域，您所需要的只是路径映射。像这样：

{
    "compilerOptions": {
        "target": "es2017",
        "baseUrl": "./",
        "paths": {
            "*": [ "src/client/@custom_types/*"]
        }
    },
    "exclude": [ "node_modules", "src/client/@custom_types", ... ]
}

注意：路径需要baseUrl，您可能还需要添加要排除的目录。