Angular 13项目报错：Cannot read properties of null (reading 'getParsed')

核心原因分析 #

报错出现在压缩后的main.xxx.js中，.getParsed是代码混淆后的方法名，直接搜索无法定位到原始代码。从调用栈看，问题发生在nd._getActiveElements方法的Array.filter()操作中，某个被遍历的元素为null，导致调用其方法时抛出异常。

具体排查步骤 #

• 开启源映射调试：修改angular.json中build配置的sourceMap为true，执行ng build重新构建项目，此时错误栈会显示原始文件路径和未混淆的方法名，快速定位问题代码：

  "build": {
    "options": {
      "sourceMap": true
    }
  }
  

• 排查第三方依赖：调用栈中的notifyPlugins、_eventHandler提示问题可能来自UI组件库（如Angular Material、NG-ZORRO）或表单相关插件。检查这些库的版本是否与Angular 13兼容，尝试回退到稳定版本测试。
• 检查组件销毁逻辑：确认组件在ngOnDestroy生命周期中是否清理了所有订阅、事件监听及DOM元素引用，避免组件销毁后仍有事件触发访问已释放的元素。
• 动态DOM操作排查：如果项目中有动态添加/移除表单元素、输入框的逻辑，检查是否存在元素被移除后，相关事件回调仍尝试访问该元素的情况，确保操作时同步清理关联的事件和引用。
• 定位触发场景：记录报错出现的具体操作步骤（如点击按钮、切换路由、输入内容），缩小排查范围，针对性检查对应操作涉及的组件和逻辑。

内容的提问来源于stack exchange，提问作者vishal.acharya