“module/index.d.ts”和“@types/module/index.d.ts”之间的打字稿冲突

Question

我有一个 3rd 方模块（“handsontable”），它在模块文件夹（“/node_modules/handsontable/handsontable.d.ts”）中有过时的定义，但在 /node_modules/@types 文件夹中有正确的“index.d.ts” . 所以结构如下：

/node_modules
  /@types
    /handsontable
       /index.d.ts (LATEST)
  /handsontable
    /handsontable.d.ts (OUTDATED)
/src/app.ts

我正在使用 es6 模块，我不想将 handsontable 暴露给全局，所以当我在 app.ts 中编写时：

import ht from 'handsontable'

let options: ht.Options

它显示了我的错误，因为ht.Options不存在于/node_modules/handsontable/handsontable.d.ts ，而它只存在于/node_modules/@types/handsontable/index.d.ts

无论如何，在import m from "module"期间，是否强制打字稿从/node_modules/@type/module加载类型信息？

这是我的tsconfig.json ：

{
    "exclude": [
        "node_modules","build","dist", "typings","types"
    ],

    "include": [
        "./src/**/*.ts"
    ],

    "typeAcquisition": {
        "enable": true
        // "exclude": [ //tried that too
        //     "handsontable"
        // ]
    },
    "compileOnSave": true,
    "compilerOptions": {
        "baseUrl": "node_modules",
        "paths": {
            "src/*":["../src/*"],
            "app/*":["../src/*"],
            "*":["../src/*", "./node_modules"]
        },
        "target": "es2016",
        //"module": "es6", //es6 is not compatible with webpack.config.ts
        "moduleResolution": "node",
        "allowSyntheticDefaultImports": true, 
        "sourceMap": true,
        "allowJs": true,
        "outDir": "./build",
        "experimentalDecorators": true,
        "lib": [
            "dom",
            "es6"
        ]
    }
}

打字稿版本：2.4.2

Answer 1

正如评论中提到的"node_modules/{module}/{module}.d.ts"总是优先于"node_modules/@types/{module}/index.d.ts"

所以到目前为止我能找到的最好的解决方法是映射tsconfig.json/compilationOptions/paths ：

{
   compilationOptions:{
      baseUrl:"node_modules",
      paths:{
         "handsontable":["@types/handsontable"]
      }
   }    
}

帮助我找到它的是标志tsc --traceResolution