在React和React Native中導入路徑差異

Question

我試圖在React appliacation和React Native應用程序之間共享邏輯組件，其結構如下所示：

-source
 |-appLogic
   |-logicComponent1.js
   |-logicComponent2.js
   |-moreAppLogic
     |-moreLogic.js
 |-appviews
   |-reactView.js
   |-reactNativeView.js

我在導入邏輯組件中的模塊時遇到問題。 reactView.js將導入邏輯組件，如下所示：

import {moreLogic} from "appLogic/moreAppLogic/moreLogic.js"

而reactNativeView.js將導入相同的文件，如下所示：

import {moreLogic} from "../appLogic/moreAppLogic/moreLogic.js"

我的問題出現在moreLogic.js導入例如logicComponent1的情況下。 因為在moreLogic.js中，react會想要這樣的東西：

import {logicComponent1} from "appLogic/logicComponent1.js"

和本地反應將需要：

import {logicComponent1} from "../logicComponent1.js"

我試圖在moreLogic.js中進行導入兩種方式，但如果我這樣做反應方式，本機應用程序無法找到該文件，反之亦然。

有辦法解決這個問題嗎？ 我無法更改文件結構，這實際上不是一個選項。

Answer 1

將package.json文件放在source/appLogic其中包含以下內容：

{
  "name": "appLogic"
}

之后，您可以在兩個react js中使用import {moreLogic} from "appLogic/moreAppLogic/moreLogic.js"並做出本機反應