Typescript/React：模块没有导出成员

Question

我正在尝试将 prop 类型从一个视图组件导出到另一个容器组件，并将它们用作状态类型定义：

// ./Component.tsx
export type Props {
    someProp: string;
}

export const Component = (props: Props ) => {
    ...etc
}

// ./AnotherComponent.tsx
import { Component, Props as ComponentProps } from "./Component";

type Props = {}

type State = ComponentProps & {};

class AnotherComponent extends React.Component<Props, State> {
    state: State;
    ...etc
}

但是我进入控制台：

Module '"./Component "' has no exported member 'Props'.

关于我应该如何处理这个问题有什么建议吗？

我也尝试过按照本文使用查找类型，但没有什么乐趣。

Answer 1

缺少成员导出的问题是我有一个中间索引文件，TypeScript 在导出类型时似乎无法使用该文件：

// ./Component/index.tsx
export { Component, Props } from "./js/Component";

当我更改导入以使用文件的确切路径而不是尝试通过索引文件导入它时，它会拾取它：

// ./AnotherComponent/js/AnotherComponent.tsx
import { Props as ComponentProps} from "./Component/js/Component";