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”導入顏色應該可以工作