库的 Typescript 声明文件找不到模块
Typescript declaration file for library cannot find module
我正在为我正在进行的几个项目开发打字稿库。它包含一些包,每个包都有一些模块,但我对 tsc 为我生成的声明文件有疑问。
我创建了一个可能更容易查看的存储库。
https://github.com/BenMcLean981/typescript-library-issue
我的代码大致结构如下:
.
├── src
│ ├── packageA
| | ├──moduleA.ts
│ │ └──index.ts
│ └── packageB
| ├──moduleB.ts
│ └──index.ts
└── tsconfig.json
我的tsconfig如下:
{
"compilerOptions": {
"target": "es6",
"module": "commonjs",
"declaration": true,
"outDir": "./dist",
"strict": true,
"lib": ["ES2019"],
"sourceMap": true,
"baseUrl": "./src",
"esModuleInterop": true,
"moduleResolution": "node"
},
"include": ["src"],
"exclude": ["node_modules",]
}
现在,在moduleA.ts中,我有一些这样的代码,例如
export class Foo {
foo(): string {
return "foo";
}
}
在 packageA/index.ts 我有:
export { Foo } from "./moduleA.ts"
packageB/moduleB.ts:
import { Foo} from "moduleB" //Note here that I import directly form the package.
// This is how I want my library to be consumed.
export class Bar extends Foo {
bar(): string {
return "bar";
}
}
这一切的关键在于它有效。导入看起来不错,对我来说真的很容易处理。但是当我去构建它并发布它时,我在我的打字稿声明文件中得到了以下内容。
moduleB.d.ts
import { Foo } from "packageA"; //Cannot find module 'packageA' or its corresponding type declarations.ts(2307)
export declare class Bar extends Foo {
bar(): string;
}
我很确定这是我的 tsconfig 的问题。我不明白所有的设置。任何帮助将不胜感激!
正如 Amir Saleem 所建议的那样,设置将以下内容添加到我的 tsconfig 解决了我的问题:
"declarationMap": true
我正在为我正在进行的几个项目开发打字稿库。它包含一些包,每个包都有一些模块,但我对 tsc 为我生成的声明文件有疑问。
我创建了一个可能更容易查看的存储库。 https://github.com/BenMcLean981/typescript-library-issue
我的代码大致结构如下:
.
├── src
│ ├── packageA
| | ├──moduleA.ts
│ │ └──index.ts
│ └── packageB
| ├──moduleB.ts
│ └──index.ts
└── tsconfig.json
我的tsconfig如下:
{
"compilerOptions": {
"target": "es6",
"module": "commonjs",
"declaration": true,
"outDir": "./dist",
"strict": true,
"lib": ["ES2019"],
"sourceMap": true,
"baseUrl": "./src",
"esModuleInterop": true,
"moduleResolution": "node"
},
"include": ["src"],
"exclude": ["node_modules",]
}
现在,在moduleA.ts中,我有一些这样的代码,例如
export class Foo {
foo(): string {
return "foo";
}
}
在 packageA/index.ts 我有:
export { Foo } from "./moduleA.ts"
packageB/moduleB.ts:
import { Foo} from "moduleB" //Note here that I import directly form the package.
// This is how I want my library to be consumed.
export class Bar extends Foo {
bar(): string {
return "bar";
}
}
这一切的关键在于它有效。导入看起来不错,对我来说真的很容易处理。但是当我去构建它并发布它时,我在我的打字稿声明文件中得到了以下内容。
moduleB.d.ts
import { Foo } from "packageA"; //Cannot find module 'packageA' or its corresponding type declarations.ts(2307)
export declare class Bar extends Foo {
bar(): string;
}
我很确定这是我的 tsconfig 的问题。我不明白所有的设置。任何帮助将不胜感激!
正如 Amir Saleem 所建议的那样,设置将以下内容添加到我的 tsconfig 解决了我的问题:
"declarationMap": true