如何正确导入和导出react类型记录中的模块

Question

我有一些基本模块导入和导出的反应类型记录有问题。出口情况如下：

//gameStateReducer.ts
import { Action, ActionKind, GameState } from './types';

export const gameStateReducer = (
  gameState: GameState,
  action: Action
): GameState => {

  //yada yada yada
};

并以下列方式进口：

//index.tsx
import { gameStateReducer } from './gameStateReducer';

错误信息是：

Compiled with problems:

ERROR in ./src/index.tsx 9:0-54

Module not found: Error: Can't resolve './gameStateReducer' in '/Users/REDACTED/Documents/development/react-js/wordle/src'

当我在stackblitz上开发同一个项目时，这一切都在起作用，但当我开始在本地使用工作时，麻烦就来了。

我的常量模块也有同样的问题。

我读过类型记录关于导出和导入的参考页面，事实上，我的类型和接口导入和导出都很好。

我试着导入并导出到默认状态，但没有成功。

一定是我错过了一些简单的东西。谢谢!

Answer 1

添加import的方式应该是工作的。我希望你的目录结构像

src

• gameStateReducer.ts
• index.ts

如果您的gameStateReducer.ts位于不同的目录下，那么您应该更新该目录的导入路径。

例如，如果您的结构类似于

src

• anotherDirectory -> gameStateReducer.ts
• index.ts

然后将import语句更新为

import { gameStateReducer } from './anotherDirectory/gameStateReducer';