React Excel Office Add-in中console.log()行号不匹配问题求助

• 检查Source Map配置
  React项目编译时的source map是关联控制台行号与源码的核心。检查项目根目录的webpack.config.js或craco.config.js（若使用自定义配置），确认devtool选项是否设置为eval-source-map或source-map这类能正确映射行号的值——如果之前被扩展修改过配置，可能导致source map生成异常。

• 清理缓存后重新构建
  执行以下命令清理构建缓存，避免旧编译产物干扰：

  npm cache clean --force
  rm -rf node_modules/.cache
  npm run build
  

  开发环境下重启dev server，确保生成全新的编译产物。

• 对比新老项目的配置差异
  以yo office创建的正常项目为参照，对比两个项目的package.json依赖版本、webpack配置、.env环境变量等。重点关注babel、webpack相关依赖的版本，以及是否存在额外插件或loader影响编译流程。

• 检查VSCode调试配置
  查看.vscode/launch.json文件，确认调试配置中的sourceMaps设为true，且outFiles路径正确指向编译后的文件。路径错误会导致VSCode无法关联源码行号。

• 验证浏览器DevTools的Source Map设置
  打开浏览器控制台设置，确保Enable JavaScript source maps和Enable CSS source maps选项处于开启状态——浏览器端的设置也可能导致行号映射失效。

• 排查第三方扩展残留配置
  虽已卸载Microsoft Office Add-in Debugger，但可能存在配置残留。检查VSCode的全局或工作区设置，若有office-addin.debugger相关的自定义配置，将其重置为默认值。

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