如何使用 Yarn 工作区在 CRA 中导入通用模块？

Question

我有一个使用 Yarn 工作区的 monorepo。我有一个基于 create-react-app 的包，它应该从公共模块（存储库中的兄弟包）导入。

这个通用包不包含任何 React 组件。只是业务逻辑。它的源代码是从 Typescript 转译而来的。通用包与其他包中的后端代码配合得很好。

开箱即用，这不适用于 CRA，并给我一个错误：

./src/App.tsx 找不到模块：无法解析“@gemini/common”

我需要做什么来配置 CRA 来查找模块？

我在 CRA monorepo 支持上发现了这个未解决的问题，但我不确定它是如何关联的，并且其中有很多信息。

Answer 1

让我们假设你的结构类似于

|- monorepo
  |- package.json
  |- packages
    |- cra
    |  |- package.json
    |
    |- common
      |- package.json

// monorepo/packages.json

{
   "workspaces": {
    "packages": [
      "packages/*"
    ]
  },
}

// monorepo/packages/gemini/package.json

{
  "name": "@gemini/common"
}

// monorepo/packages/cra/package.json

{
  "dependencies": {
    "@gemini/common": "*"
  }
}