在src/目录外导入组件

Question

我有两个react应用程序（A-app，B-app）。我需要将一个组件从A-app导入B-app。但当我尝试这样做时，我看到了这个错误。

./src/App.js
Module not found: You attempted to import ../../src/components/Dashboard/container which falls outside of the project src/ directory. Relative imports outside of src/ are not supported. You can either move it inside src/, or add a symlink to it from project's node_modules/.

我试图在B-appnode_modules中对这个组件进行符号链接。但它不起作用。

我也试着去创造。在根项目目录中创建env文件，并将此节点_PATH=src/放入文件中。但这个解决方案也不管用。

我该怎么解决这个问题？

对不起我的英语。

Answer 1

你正在使用create react应用程序吗？如果是，您需要将模块移动到src目录中。这是create react app开发者增加的特殊限制。这里提到

如果移动代码不是您的选择，有两种解决方案。

• 将组件作为模块，npm将其作为专用软件包安装

Answer 2

转到您的A-appnode_modules文件夹并运行以下操作

ln -s ../../../src/components/Dashboard ./app-b-dashboard

在node_modules文件夹中创建以下符号链接后，您可以在A-app中导入

import Dashboard from 'app-b-dashboard/container'

根据您项目的具体布局，名称可能会有所不同。根据您提供的信息，这是我最好的猜测。

Answer 3

我在试图解决类似问题时偶然发现了这篇文章。我认为解决方案可能是相关的，所以我将其发布在这里。

从NPM 2.0开始，您可以在package.json中声明本地依赖项。这允许您在src/之外的文件夹中维护本地模块，并在npm install期间将它们复制到node_modules。

将模块放置在src/之外的任何位置，例如：

./packages/app-b-dashboard

使用file：前缀在package.json中声明本地依赖项：

"dependencies": {
  "app-b-dashboard": "file:./packages/app-b-dashboard"
}

跑

npm install

现在你可以把它导入你的A-app了

import Dashboard from 'app-b-dashboard/container'