运行多个 React 应用程序并使用一个文件夹中的常用组件

Question

我在多个 React 应用程序之外创建了一个公用文件夹，并将公用 jsx 组件粘贴到其中。但是当我尝试访问每个 react 应用程序中的那些常用组件时，我开始收到一个错误消息，说我无法在 react 项目的 src/ 目录之外导入文件。

项目结构
主要组件（文件夹）
React-app-1
React-app-2
React-app-3
React-app-4

我尝试了各种路径和要求，react-app-rewire 但无法使其正常工作。 我什至尝试了this site 的一些方法，但没有运气。

我也尝试将组件作为依赖项导入，但没有成功。

那么你们中的任何人都可以帮我解决这个问题吗？ 感谢帮助:)

Answer 1

您无法访问不在 src 文件夹中的文件。

您应该为通用组件创建一个单独的存储库。要访问这些组件，有多种方法 -

1. 您可以将该 repo 克隆到每个项目中固定路径的某个位置并使用该路径导入
2. 将通用组件创建为具有自己依赖项的不同包，并将它们与符号链接或 Lerna 一起使用
3. 您可以将 npm 发布为私有并将其添加到 package.json 中。