Next.js中无法找到音频文件：Redux切片导入音频失败求助

问题原因 #

你的两个路径写法都存在错误：

• 第一个路径文件名写反：pomodoroErrorAlert变量对应了pomodoroSuccessAlert.wav，和实际要请求的文件不匹配，导致找不到资源
• 第二个路径用了相对路径../../public/audio/...，React项目中public目录的资源是直接基于网站根路径（/）访问的，不需要加public前缀，也不能用相对路径指向public目录

正确写法 #

修正文件名匹配问题，同时使用根路径访问音频文件：

const pomodoroErrorAlert = "/audio/pomodoroErrorAlert.wav";
const pomodoroSuccessAlert = "/audio/pomodoroSuccessAlert.wav";

验证方法 #

启动项目后，直接在浏览器地址栏输入http://localhost:3001/audio/pomodoroErrorAlert.wav，如果能正常播放，说明路径配置没问题，再将该路径应用到Redux切片中即可。

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