如何将单 Spa 浏览器内实用程序模块导入到 TypeScript Parcel 项目中

Question

我有以下 3 个 TypeScript 项目：

以上所有项目都是使用create-single-spa命令生成的。

在api/src/lomse-api.ts文件中，我导出fetchPeople模块，如下所示：

export { fetchPeople } from "./PeopleApi.ts";

根据single-spa 文档，鉴于我的orgNameislomse和projectNameis api，我应该能够将fetchPeople模块导入到my-app（包裹应用程序）中，如下所示：

import { fetchPeople } from '@lomse/api'

由于my-app项目是一个 TypeScript 项目，上面的语句肯定会抛出以下错误：

Cannot find module '@lomse/api' or its corresponding type declarations.

有没有办法来解决这个问题？

Answer 1

该错误是 TypeScript 错误，而不是 JavaScript 或 single-spa 错误。以下是您需要执行的操作的选项：

使用 Node.js 兼容的模块格式（UMD、Commonjs）将实用程序模块发布到注册表（类型是可选的，因为 TS 可以从源中推断，尽管类型更好）。然后将其安装到每个微前端的node_modules中。由于它是 webpack 外部的，node_modules 中的版本将仅用于 typescript 编译，而不能用于在浏览器中执行。然而，这可能需要第二次构建，并且可能由于互操作差异而产生问题。
您可以仅发布模块类型，无论是作为单独的包还是与其他微前端的类型一起发布。
模拟实用程序模块的类型，如此处所述。

来源：