如何覆盖 Angular-CLI 项目中的 node_module 错误输入?
How can I overwrite a node_module bad typing in Angular-CLI project?
我有一个坏的 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 已包含在存储库中)
我在这个 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"],
}
我有一个坏的 node_module (angularfire2),它没有用在另一个 node_module (@firebase) 中找到的较新类型进行更新。
我正在尝试让 tsconfig.json 帮助我为其设置路径别名,以便将其重新路由以解析为用 src 编写的经过调整的文件,而不是@firebase node_module作为临时修复。
我知道我可以降级 (@firebase) node_module 以使其兼容。然而,这个问题不是让它工作。我只是想弄清楚如何能够覆盖 node_module 错误的打字。
我正在使用 Angular 的 cli 项目,希望我不需要弹出 webpack 来控制它。
我从这个
然而,我仍然无法在 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 已包含在存储库中)
我在这个 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"],
}