运行多个react应用程序并使用来自一个文件夹的公共组件

Question

我在多个react应用程序之外创建了一个公用文件夹，并在其中粘贴了通用的jsx组件。但是当我试图访问每个react应用程序中的公共组件时，我开始发现一个错误，我说我无法导入一个react项目的src/目录之外的文件。

项目结构

主成分(文件夹)

React app-1

React app-2

反应-应用程序-3

React app-4

我尝试了不同的路径和需求，以及react-app-rewire，但是无法让它工作。我甚至尝试了一些方法从本站，但没有运气。

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

你们谁能帮我解决这个问题吗？感谢你的帮助:)

Answer 1

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

您应该为公共组件创建一个单独的回购。要访问这些组件，有多种方法-

1. 您可以在每个项目中的某个固定路径复制该回购，并使用该路径进行导入。
2. 使用自己的依赖项将公共组件创建为不同的包，并将它们与符号链接或Lerna一起使用。
3. 您可以将npm作为私有发布并将其添加到package.json中。