WebStorm调试Webpack.js文件报错求助（ES6模式，2017.3.5版本）

我来帮你搞定这个调试报错的问题，结合你提到的环境（WebStorm 2017.3.5、ES6模式），给你几个针对性的解决方案：

• 检查调试端口是否被占用
  WebStorm调试Node.js（包括Webpack）默认用9229端口，很可能被其他进程占用了：

  • 打开WebStorm的Run/Debug Configurations，找到你的调试配置，确认端口号；
  • 用对应系统的命令检查端口占用：
    • Windows：运行 netstat -ano | findstr :9229，找到PID后在任务管理器杀掉对应进程；
    • Mac/Linux：运行 lsof -i :9229，用 kill -9 <PID> 杀掉占用进程；
  • 也可以直接在调试配置里修改端口号，避免冲突。

• 调整Webpack配置与Node版本兼容性
  WebStorm 2017.3.5是比较老的版本，对新Node版本支持有限：

  • 建议切换到Node 8.x-10.x的稳定版本（过新的Node版本可能和旧版WebStorm调试器不兼容）；
  • 检查Webpack配置的devtool选项，暂时换成eval-cheap-module-source-map或者inline-source-map，避免和WebStorm的source map处理逻辑冲突。

• 重置WebStorm调试缓存
  旧版本WebStorm的缓存偶尔会导致调试异常：

  • 完全关闭WebStorm；
  • 找到缓存目录：
    • Windows：C:\Users\<你的用户名>\.WebStorm2017.3\system
    • Mac：~/Library/Caches/WebStorm2017.3
    • Linux：~/.WebStorm2017.3/system
  • 删除里面的caches和logs文件夹，重启WebStorm后再尝试调试。

• 检查调试配置的参数与路径
  确保调试配置没有冗余设置：

  • 打开Run/Debug Configurations，不要手动添加--inspect-brk参数，WebStorm会自动注入这个调试指令，重复添加会导致连接冲突；
  • 确认Working directory设置为项目根目录，避免路径错误导致调试器无法正常加载文件。

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