Typescript React Native无法从文件解析模块

我试图将所有CSS样式值存储到一个

ts

文件中：

styles/base.ts

，并将这些值导出到

styles/index.ts

文件中。
但是当我尝试在我的

App.tsx

文件中使用import from

index.ts

的值时，它会说

无法从“App.tsx”解析模块“样式/索引”：“样式/索引” 在项目中找不到。`

我不确定这是否是管理应用程序内部样式的正确方法。有人能帮我吗

下面是我的

base.ts

文件的外观：

export const colors = {
  grey: "#E3E1D6",
  black: "#333333",
};

{
  "version": "0.0.1",
  "private": true,
  "scripts": {
    "android": "react-native run-android",
    "ios": "react-native run-ios",
    "start": "react-native start",
    "test": "jest"
  },
  "dependencies": {
    "react": "16.9.0",
    "react-native": "0.61.4"
  },
  "devDependencies": {
    "@babel/core": "^7.6.2",
    "@babel/runtime": "^7.6.2",
    "@react-native-community/eslint-config": "^0.0.5",
    "@types/jest": "^24.0.18",
    "@types/react-native": "^0.60.22",
    "@types/react-test-renderer": "16.9.0",
    "babel-jest": "^24.9.0",
    "jest": "^24.9.0",
    "metro-react-native-babel-preset": "^0.56.0",
    "react-test-renderer": "16.9.0",
    "typescript": "^3.6.3"
  },
  "jest": {
    "preset": "react-native",
    "moduleFileExtensions": [
      "ts",
      "tsx",
      "js",
      "jsx",
      "json",
      "node"
    ]
  }
}

index.ts:

import * as BaseStyle from "./base";
export {BaseStyle};

import React from "react";
import {StyleSheet, View, Text} from "react-native";
import {BaseStyle} from "styles/index";
const App = () => {
  return (
    <>
      <View style={styles.body}>
        <Text>Test</Text>
      </View>
    </>
  );
};
const styles = StyleSheet.create({
  body: {
    backgroundColor: BaseStyle.colors.grey,
  },
});
export default App;

App.tsx:

import * as BaseStyle from "./base";
export {BaseStyle};

import React from "react";
import {StyleSheet, View, Text} from "react-native";
import {BaseStyle} from "styles/index";
const App = () => {
  return (
    <>
      <View style={styles.body}>
        <Text>Test</Text>
      </View>
    </>
  );
};
const styles = StyleSheet.create({
  body: {
    backgroundColor: BaseStyle.colors.grey,
  },
});
export default App;

---

我想这只是你进口时的一个打字错误。 你应该写：

import {BaseStyle} from "./styles/index";

---

我想这只是你进口时的一个打字错误。 你应该写：

import {BaseStyle} from "./styles/index";

---

可以使用此图案创建颜色类

class Colors {
    static transparents = "#ffffff";
    static black = "#000";
}
export default Colors;

您可以使用这一行导入颜色

import Colors from './Colors';

请按照以下步骤操作，这将对您有所帮助

---

这对我有帮助。

您可以使用此图案创建颜色类

class Colors {
    static transparents = "#ffffff";
    static black = "#000";
}
export default Colors;

您可以使用这一行导入颜色

import Colors from './Colors';

请按照以下步骤操作，这将对您有所帮助

---

这对我有帮助。

嗨，你能告诉我使用Class而不是const有什么好处吗？通过创建一个类，你可以按类名访问所有类变量。变量名。它提供了对对象/变量的直接可访问性。您能告诉我使用Class而不是const有什么好处吗？通过创建一个类，您可以按类名访问所有类变量。变量名。它提供对对象/变量的直接访问