求助：为何TypeScript判定我的枚举（enum）未定义？

嘿，作为刚上手TypeScript+React+Redux的新手，这种模块导入的小坑真的很容易踩！我来帮你排查几个最可能的原因：

1. 检查文件导入路径是否正确 #

这是最常见的问题！如果你的actions.ts和reducers.ts不在同一个目录下，导入路径就会出错。比如：

• 如果两个文件在同一文件夹：import {AnimalTypes} from './actions'; 是正确的
• 如果reducers.ts在src/reducers，actions.ts在src：需要改成 import {AnimalTypes} from '../actions';

可以先在someFunction里加一行调试代码，看看导入的模块是不是真的undefined：

export function someFunction() {
  console.log('AnimalTypes:', AnimalTypes); // 先看这个输出是什么
  console.log(AnimalTypes[AnimalTypes.CAT]);
}

2. 确认TypeScript配置是否正确 #

打开你的tsconfig.json，检查这几个关键配置：

• module: 确保设置为ESNext、ES6或CommonJS（根据你的项目环境选择，Create React App默认是ESNext）
• moduleResolution: 必须设置为node（这是TypeScript默认的模块解析方式，确保能正确找到相对路径的文件）
• 如果开启了isolatedModules: 普通的export enum是支持的，但如果你的枚举是const enum，就不能跨模块导入（因为const enum会在编译时被完全替换，不会生成对应的对象），所以如果是这种情况，把const enum改成普通的export enum即可。

3. 清理编译缓存重新构建 #

有时候TypeScript的缓存会导致奇怪的导入问题，试试以下操作：

• 如果用的是Create React App，运行npm start --reset-cache
• 手动删除项目里的dist文件夹（如果有的话），然后重新运行tsc或者你的构建命令

额外小提示：字符串枚举的反向映射 #

其实对于你定义的字符串枚举，AnimalTypes[AnimalTypes.CAT]和AnimalTypes.CAT的结果是一样的（都是'CAT'）。因为TypeScript的字符串枚举不会生成数字枚举那样的反向映射，直接用AnimalTypes.CAT就可以拿到值啦！

最后，给你贴一个确认可行的代码示例：

actions.ts

export enum AnimalTypes {
  CAT = 'CAT',
  DOG = 'DOG'
}

reducers.ts

import { AnimalTypes } from './actions';

export function someFunction() {
  console.log(AnimalTypes.CAT); // 直接打印'CAT'，更简洁
}

内容的提问来源于stack exchange，提问作者Reagankm