开发Disney Plus克隆项目时movieSlice模块导入找不到报错求助

排查步骤 #

1. 确认文件路径与命名正确性 #

• 核对项目目录结构是否和导入路径一致：

  src/
  ├─ app/
  │  └─ store.js
  └─ features/
     └─ movie/
        └─ movieSlice.js
  

• 检查文件名大小写、拼写是否完全匹配，注意是否把movieSlice错写为其他拼写，文件后缀是否为.js（如果是.jsx需要在导入时补全后缀：../features/movie/movieSlice.jsx）

2. 修正movieSlice的导出语法错误 #

你当前的movieSlice.js末尾导出语法错误，多写了调用括号：

// 错误写法：reducer是属性不是方法，不需要加()调用
export default movieSlice.reducer();

// 修正为
export default movieSlice.reducer;

错误的导出语法会导致模块解析失败，也会触发找不到模块的报错。

3. 重启开发服务 #

如果是刚新增的movieSlice.js文件，本地热更新服务可能没有检测到新文件，直接停掉当前的启动进程，重新运行npm start或者你项目对应的启动命令即可。

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