React 不允许从外部文件夹导入类型（React + TypeScript）

Question

我有一个带有 TypeScript 的 React 项目。 我正在尝试从外部文件夹导入类型 - 在 React 文件夹之外。 然而，React 似乎不允许这样做。 我在 CRA 之上使用 craco 来运行应用程序。

项目： https://github.com/accord-dot-app/app

types/
- ...
- deps.types.ts

frontend/
- ...
- src/
-- index.tsx

类型/deps.types.ts：

// ... imports

export interface Deps {
...
}

前端/src/index.tsx：

import { Deps } from '.../deps.types.ts';

...

这是我在运行craco start时遇到的错误。

File was processed with these loaders:
 * ./node_modules/react-scripts/node_modules/@pmmmwh/react-refresh-webpack-plugin/loader/index.js
You may need an additional loader to handle the result of these loaders.
| import ChannelLeave from '@accord/backend/ws/ws-events/channel-leave';
|
> declare interface Deps {
|   channels: Channels;
|   /** @deprecated */

如果我注释掉这些行，我只会在另一个类似类型的文件中得到另一个错误。

如何消除错误？

Answer 1

尝试使用：

const C1: React.FC<CProps> = (props) => { }

代替：

const C2 = (props: CProps) => {};