React Native 无法从项目文件夹上方的文件夹中导入文件

Question

在这里反应菜鸟。

我从反应开始，并且能够做基本的。 当我想让我的代码结构化以备将来使用时，我失败了。

我有我的项目文件夹，与之平行的是我有一个文件夹，用于存放我所有常用的

| code:\
|- Code Folder\
|-- Project\
|--- App.js\
|--- screens\
|---- HomeScreen.js\
|-- CommonLibrary\
|--- COLORS.js\

COLORS 假设包含常用颜色的所有定义：

export default {
    COLOR_BLACK: "#000000",
    COLOR_DARKBLUE: "#0F3274",
    COLOR_DARKGRAY: "#999",
    COLOR_LIGHTBLUE: "#6EA8DA",
    COLOR_ORANGE: "#C50",
    COLOR_TEXT_LIGHTBLUE: "#159EEA",
    COLOR_WHITE: "#FFFFFF",
};

无论我做什么，我都无法从 HomeScreen 导入颜色。 我试过：

import COLORS from "../../CommonLibrary/COLORS"
import COLORS from "../../CommonLibrary/COLORS.js"
import {COLORS} from "../../CommonLibrary/COLORS"
import {COLORS} from "../../CommonLibrary/COLORS.js"

我尝试了 nohoist，在 CommonLibrary 文件夹中使用 index.js（但我认为我做错了）。 这个文件只是我想要做的一个例子。 我还想为常用组件（如自定义按钮和事物）制作文件，但这些文件可以在颜色起作用之后进行。

我尽我所能在谷歌上搜索并尝试了我可以从网上破译的内容，但没有任何效果。

非常感谢任何帮助！

Answer 1

在 COLORS.js 里面应该是

export const colors = {
    COLOR_BLACK: "#000000",
    COLOR_DARKBLUE: "#0F3274",
    COLOR_DARKGRAY: "#999",
    COLOR_LIGHTBLUE: "#6EA8DA",
    COLOR_ORANGE: "#C50",
    COLOR_TEXT_LIGHTBLUE: "#159EEA",
    COLOR_WHITE: "#FFFFFF",
};

然后在您的 HomeScreen 中导入它，如下所示：

import {colors} from "../../CommonLibrary/COLORS"

Answer 2

COLORS.js 应该在项目文件夹中

从“../COLORS”导入颜色应该可以工作