我使用 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
文件吗?
最佳答案
2
我发现将导入更改为:import MainButton from "../components/MainButton";
对我来说是可行的,而且我不需要修改文件tsconfig.json
。
|
找不到模块,因为它是从其所在的文件而不是文件夹本身导出的。您可以通过将导入更改为来解决此问题
import MainButton from "../components/MainButton.tsx";
如果需要,也可以通过在配置中添加以下内容来在 typescript 配置中修复此问题。
"paths": {
"components/*": ["components/*"]
}
这应该在组件目录下的所有文件中查找它。我想说我通常会看到大多数人使用的第一个选项 🙂 如果您需要进一步说明,请告诉我!
5
-
谢谢您的回复,但不幸的是,它们对我来说都不起作用。
– -
呃,先生“我发现将导入更改为:从“../components/MainButton”导入 MainButton;对我来说是可行的,而且我不需要修改 tsconfig.json 文件。”。这就是我告诉你要做的……
– -
您提供的答案包含
.tsx
在最后,但这对我来说不起作用。
– -
import MainButton from "../components/MainButton";
对我有用
– -
好的,朋友,如果你使用 vscode,我建议获取一些 typescript/javascript 扩展。
–
|
|