使用此文件夹结构

├──components/
|  └─Employee/
|    └─employee.tsx
|    └─index.ts
|  └─app.tsx

我正在导出一个类型和一个组件

员工.tsx

import React, { FC } from 'react'

export type EmployeeState = {
  Name: string
  EmployeeId: number
}

type EmployeeProps = {
  employees: EmployeeState[]
}

export const Employee: FC<EmployeeProps> = ({ employees }) => {
  return (
    <ul>
    {
      employees.map((employee) => (
        <li key={employee.EmployeeId}>
          <h2>{employee.Name}</h2>
        </li>
      ))
    }
    </ul>
  )
} 

然后从出口index.ts上的Employee文件夹

索引.ts

export { EmployeeState, Employee } from './employee'

当我尝试从 app.tsx

应用程序.tsx

...
import { EmployeeState, Employee } from '@components/Employee'
...

我从 TypeScript 收到这个警告：

WARNING in ../src/components/Employee/index.ts 4:0-53
`export 'EmployeeState' (reexported as 'EmployeeState') was not found in './employee' (possible exports: Employee)`

我能够通过进行此更改来修复警告：

员工/index.ts

旧:

export { EmployeeState, Employee } from './employee'

新：

export * from './employee'

但我仍然不明白为什么它不能反过来工作。