React-Native with Expo：显示“找不到模块‘xyz’或其相应的类型声明。”导入自定义常量视图时

Question

我用 Expo 创建了一个 React Native 项目。

我在

MainButton.tsx

文件夹中有

/components

文件，如下所示：

import { View, Text } from "react-native";

const MainButton = () => {
  return (
    ...
  );
};

export default MainButton;

现在在

index.tsx

文件夹中的

app

文件中，我想像这样导入此自定义按钮：

import { MainButton } from "../components";

但它显示错误：

Cannot find module '../components' or its corresponding type declarations.

我该如何解决这个问题？我应该修改

tsconfig.json

文件吗？

Answer 1

我发现将导入更改为：

import MainButton from "../components/MainButton";

对我有用，并且我不需要修改

tsconfig.json

文件。

Answer 2

未找到该模块，因为它是从其所在的文件而不是文件夹本身中导出的。您可以通过将导入更改为

来解决此问题

import MainButton from "../components/MainButton.tsx";

如果需要，也可以通过将以下内容添加到您的配置中来在您的打字稿配置中修复此问题。

"paths": {
  "components/*": ["components/*"]
}

这应该在组件目录下的所有文件中查找它。我想说我通常会看到大多数人使用的第一个选项:)如果您需要任何进一步的说明，请告诉我！