React项目报错Module not found: Can't resolve 'action.types'如何解决？

问题根因 #

• 报错指向的文件是/src/components/Contact.js，并不是你贴出代码的Contacts.js文件，你贴的Contacts.js里的action.types导入路径是完全正确的。
• 出错的Contact.js文件中，导入action.types时没有写正确的相对路径，直接写了import xxx from 'action.types'，webpack会默认在当前components目录、以及node_modules目录下查找该文件，自然找不到存放在context目录下的目标文件。
• 其他文件导入不报错是因为那些文件都写了正确的相对路径指向context下的action.types。

解决方法 #

打开/src/components/Contact.js文件，找到导入action.types的代码行，修改为正确的相对路径即可：

// 把原来错误的写法 import { xxx } from 'action.types' 替换成下面的写法
import { 你需要导入的变量名 } from '../context/action.types'

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