如何从打字稿文件中导出 React 组件

Posted 2023-02-22

【中文标题】如何从打字稿文件中导出 React 组件

【英文标题】：how to export React component from a typescript file

【发布时间】：2019-06-04 16:41:33

【问题描述】：

我有一个如下所示的课程：

类 ProductChecker 扩展 React.Component ....

在文件的底部，我有：

导出默认graphql(getSymbolInfoQuery)(ProductChecker);

其中 graphql 是从 react-apollo 导入的，而 getSymbolInfoQuery 是一个 gql 模板化字符串。编译项目时，我得到：

src/client/gui/containers/product-checker.ts(3,10)：错误 TS2305： 模块 '"../components/product-checker"' 没有导出的成员 '产品检查器'

但是当我注释掉文件行的底部并执行以下操作时：

导出类 ProductChecker 扩展 React.Component

这似乎构建得很好。所以看起来文件底部的导出没有“看到”更高的类/组件声明，并说它没有找到。 知道如何从打字稿源文件中导出 React 类吗？谢谢

【参考方案1】：

问题很可能是您使用它的import 语句。我怀疑你有：

import ProductChecker from "yourfilename";

但应该是：

import ProductChecker from "yourfilename";

第一个假设是命名导出，第二个是默认导出。