React 和 React Native 中的导入路径差异答案

【问题标题】：Import path differences in React and React NativeReact 和 React Native 中的导入路径差异
【发布时间】：2017-10-10 14:58:59
【问题描述】：

我正在尝试在 React 应用程序和具有类似结构的 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 的情况下。由于 react，在 moreLogic.js 中，会想要这样的东西：

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

并且 react-native 会想要：

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

我曾尝试以两种方式在 moreLogic.js 中进行导入，但如果我以反应方式进行，本机应用程序无法找到该文件，反之亦然..

有没有办法解决这个问题？我无法更改文件结构，这真的不是一个选择。

【问题讨论】：

标签： javascript reactjs react-native

【解决方案1】：

将package.json文件放入source/appLogic，内容如下：

{
  "name": "appLogic"
}

之后你可以在 react js 和 react native 中使用import {moreLogic} from "appLogic/moreAppLogic/moreLogic.js"

【讨论】：