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

Question

此处反应noob。

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

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

| 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",
};

无论我做什么，我都无法从主屏幕导入颜色。我试过了：

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

我尝试了nohuist，使用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/COLORS"；应该工作