如何在根目錄之外導入文件？

Question

我正在開發一個簡單的反應應用程序，其中要求我需要包含一個子模塊。

為此，我有兩個不同的應用程序，

應用程序 A ：

（由基本的啞組件組成，如 Button）

 -> src
    -> components
       -> Button
    -> index.js

應用程序 B ：

（需要導入已經從App A導出的按鈕）

我嘗試過的事情：

-> 在App B/src/App.js中包含 import 語句，例如，

   import {Button} from "../../../App A/src/components

但它會拋出錯誤，

./src/App.js

未找到模塊：您試圖導入項目 src/ 目錄之外的../../../App A/src/components。 不支持 src/ 之外的相對導入。

要求：

->如何在App B中使用從App A導出的組件（按鈕）？

->需要以這種方式完成，以便我將所有愚蠢的組件作為單獨的子模塊，並且可以導入所需的任何項目，而不是為每個項目創建它。

->所以單個按鈕組件可以在多個項目中使用是這種方法的最終結果。

嚴格來說，我不能將代碼從App A復制粘貼到App B .. 我被指示只能通過導入來實現這一點..

請幫助我將組件從App A包含到App B 。 我長期堅持這一點，也搜索了許多資源，但找不到任何有用的東西。 提前非常感謝。

筆記：

如果無法實現此要求，請將原因發布為解決方案。

如果有另一種處理方式，那么也請告訴我。

Answer 1

我正在開發一個簡單的反應應用程序，其中要求我需要包含一個子模塊。

為此，我有兩個不同的應用程序，

應用程序 A ：

（由基本的啞組件組成，如 Button）

 -> src
    -> components
       -> Button
    -> index.js

應用程序 B ：

（需要導入已經從App A導出的按鈕）

我嘗試過的事情：

-> 在App B/src/App.js中包含 import 語句，例如，

   import {Button} from "../../../App A/src/components

但它會拋出錯誤，

./src/App.js

未找到模塊：您試圖導入項目 src/ 目錄之外的../../../App A/src/components。 不支持 src/ 之外的相對導入。

要求：

->如何在App B中使用從App A導出的組件（按鈕）？

->需要以這種方式完成，以便我將所有愚蠢的組件作為單獨的子模塊，並且可以導入所需的任何項目，而不是為每個項目創建它。

->所以單個按鈕組件可以在多個項目中使用是這種方法的最終結果。

嚴格來說，我不能將代碼從App A復制粘貼到App B .. 我被指示只能通過導入來實現這一點..

請幫助我將組件從App A包含到App B 。 我長期堅持這一點，也搜索了許多資源，但找不到任何有用的東西。 提前非常感謝。

筆記：

如果無法實現此要求，請將原因發布為解決方案。

如果有另一種處理方式，那么也請告訴我。