如何让 VS Code 识别单回购包之间的 typescript 声明？

Question

我有一个单存储库项目，配置了一个隔离库 package（仅限 TS）和另一个 web UI package（TS + React）。

我正在从消费者（Web UI）package 导入已编译的库 package。 为此，我使用 yarn 来链接包和 parcel 以生成库包的分发文件。

Parcel 会在库包的dist文件夹中自动生成一个d.ts文件。

我正在使用 VS Code 作为 IDE 并且当我打开导入库并使用它的消费者包文件时，VS Code 无法识别库包的d.ts文件中声明的类型。

这是包的结构：

rootPackage
|- library
|- web-ui

在library package 中，我有一个types.ts文件和一个index.ts文件。 只有一种类型被导出：

export type ParamType = "a" | "b" | "c";

我在这个 package 上使用parcel watch来在发生更改时自动刷新dist文件。

Parcel 正在生成main.d.ts文件，并且该文件被package.json的types属性引用。

当我尝试通过web-ui包的代码使用此ParamType类型时，我在类型中突出显示以下 IDE 错误：

Cannot find name 'ParamType'.ts(2304)

当我在web-ui package 中运行 parcel 时，它编译得很好，并且浏览器加载没有问题/警告。

我认为这是一个与 VS Code 相关的问题，我不知道如何解决它。

---

编辑 1

我在 GitHub 上创建了一个公共存储库来演示该问题。 如果您知道如何修复它，请随时创建拉取请求，这将非常有帮助。

Answer 1

从您的示例 repo中，您的library package 的根如下所示：

/shared/lib/src/index.ts

import { ParamType } from "./types";

const Library = {
  typedParamMethod(param: ParamType) {
    console.log(param);
  },
};

export default Library;

您在web-ui package 中使用library package 的方式是这样的：

/ui/web/src/App.tsx

import React from 'react';
import Library from 'library';

function App() {
  React.useEffect(() => {
    const typedParam: ParamType = 'b'; // VSCode and tsc throw the error "Cannot find name 'ParamType'." 
    Library.typedParamMethod(typedParam);
  }, []);

  return (
    <div className="web-ui">Web UI</div>
  );
}

export default App;

问题是您既没有将ParamType从library package 的根目录导出，也没有将其导入您的web-ui package。 Modern JavaScript and Typescript modules are isolated from each other - the import { ParamType } from "./types" line in your library package root makes ParamType available in that file , but it doesn't affect (or pollute) the global namespace of something这恰好从library package 中导入其他内容（例如默认导出）。

为了解决这个问题，将此行添加到library package 根目录（例如/shared/lib/src/index.ts ）：

export { ParamType } from "./types.ts";

然后从您的web-ui package （在/ui/web/src/App.tsx中）修改导入：

import Library, { ParamType } from 'library';

（问题和解决方案与 VSCode 无关——任何尝试对web-ui package 进行类型检查的东西都会发出相同的错误，没有这些更改）