如何覆盖 Angular-CLI 项目中的 node_module 错误输入？

Question

我有一个坏的 node_module (angularfire2)，它没有用在另一个 node_module (@firebase) 中找到的较新类型进行更新。

我正在尝试让 tsconfig.json 帮助我为其设置路径别名，以便将其重新路由以解析为用 src 编写的经过调整的文件，而不是@firebase node_module作为临时修复。

我知道我可以降级 (@firebase) node_module 以使其兼容。然而，这个问题不是让它工作。我只是想弄清楚如何能够覆盖 node_module 错误的打字。

我正在使用 Angular 的 cli 项目，希望我不需要弹出 webpack 来控制它。

我从这个中了解到我覆盖了 @types 文件夹中的类型。

然而，我仍然无法在 node_module 本身中使用 index.d.ts 覆盖输入。

例如（来自 angularfire2）

import { FirebaseApp as FBApp } from '@firebase/app-types';

我想在我的 tsconfig.json 中为 @firebase/app-types 创建一个别名，这样 angularfire2 就会在 src/types-overwrite/@firebase/app-types.

中查找

我有以下 tsconfig.json，但它仍然无法正确执行别名，并且仍将解析为不兼容的 node_module 的输入文件，而不是 src 中的输入文件。

我的tsconfig.json

{
  "compileOnSave": false,
  "compilerOptions": {
    "outDir": "./dist/out-tsc",
    "sourceMap": true,
    "declaration": false,
    "moduleResolution": "node",
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "target": "es5",
    "typeRoots": [
      "node_modules/@types",
      "src/types-overwrite"
    ],
    "paths": {
      "@firebase/app-types": ["src/types-overwrite/@firebase/app-types"]
    },
    "lib": [
      "es2017",
      "dom"
    ]
  },
  "include": [
    "node_modules/angularfire2",
  ]
}

如何在 Angular-CLI 项目的 node_module 中覆盖 index.d.ts 键入文件，或者如何让我的 tsconfig.json 工作？

更新：

我添加了一个存储库来展示问题：

'@firebase/app-types' 具有用于记录目的的额外类型（from_node_modules 或 from_src）（因此 node_modules 已包含在存储库中）

URL: https://github.com/Jonathan002/resolve-typing

Answer 1

我在这个 post:

找到了我的答案

已添加：

baseUrl - 路径解析需要
路径
包括（更新）

到我的tsconfig.json，同时复制包类型代码并在声明文件夹中引用它：

declarations/package-name.d.ts

tsconfig.ts

{
  "compilerOptions": {
    "lib": ["es6"],
    "module": "commonjs",
    "noImplicitReturns": true,
    "outDir": "lib",
    "sourceMap": true,
    "target": "es6",
    "baseUrl": ".",
    "paths": {
      "*": [
        "src/*", 
        "declarations/*",
      ]
    },
  },
  "compileOnSave": true,
  "include": ["src/**/*.ts", "src/**/*.tsx", "declarations/**/*.d.ts"],
}

如何覆盖 Angular-CLI 项目中的 node_module 错误输入？

How can I overwrite a node_module bad typing in Angular-CLI project?

typescript

tsconfig

angular-cli

typescript-typings

更新：