调试时看到“Object was optimized away”是因为V8引擎在生产构建或优化环境中内联、消除变量，导致调试器无法定位其内存位置；可通过--no-opt禁用优化、确保source-map有效、避免tree-shaking误删变量，并在VSCode中正确配置pwa-node及sourceMaps等选项来解决。
为什么调试时看到 Object was optimized away
这是 V8 引擎在生产构建（比如 Webpack 的 mode: "production"）或启用优化的 Node.js 环境中，把局部变量直接内联、消除或重用寄存器导致的。VSCode 的调试器找不到变量对应的内存位置，就显示这个提示——不是 VSCode 的问题，是代码根本没留下可调试的变量实体。
怎么让变量不被优化掉（Chrome / Node.js 调试场景）
核心思路：关掉 JS 引擎的优化行为，但只在调试时生效，不影响运行逻辑。
- Node.js 调试：启动时加
--no-opt和--debug-brk，例如：node --no-opt --inspect-brk index.js
- Chrome DevTools 或 VSCode 附加调试：在
launch.json的runtimeArgs里加上："runtimeArgs": ["--no-opt"]
- Webpack + source-map 调试：确保
devtool是"source-map"或"eval-source-map"，且optimization.minimize设为false
Vue / React 项目里变量消失的常见原因
框架的编译/打包阶段会提前做静态分析和 tree-shaking，某些看似“没用”的变量（比如只赋值未读取、或被标记为 /*#__PURE__*/）会被直接删掉。
- 检查是否用了
console.log以外的方式“使用”了变量——调试器需要变量被实际引用过，比如写成const _debug = myObj;再打个断点 - Vue 单文件组件中，
setup()里的响应式变量（ref/reactive）如果没被模板或return，也会被优化掉 - React 中，
useMemo或useState初始化值若为字面量且后续无副作用，Babel 或 Terser 可能折叠它
VSCode 调试配置里容易漏的关键项
光靠 launch.json 不够，很多同学忘了环境一致性这层。
- 确认
type字段匹配运行时：Node.js 项目必须是"type": "pwa-node"（新版），旧版"node"不支持--no-opt -
sourceMaps必须设为true，且生成的.map文件路径要能被正确解析（常见坑：outFiles配置错、webRoot指向错误目录） - 如果用 ts-node 调试 TypeScript，别用
ts-node --files启动——它绕过编译缓存，但不会生成 source map；应改用tsc -w+node --no-opt调试dist/
debugger 语句配合日志快照，或者临时加个无副作用的引用兜底。 
