Angular+Spring Boot项目报Unchecked runtime.lastError的分步解决方法咨询

1. 先排查浏览器扩展干扰 #

这个错误大概率是浏览器扩展引发的，尤其是广告拦截、VPN、脚本拦截类插件：

• 打开浏览器无痕/隐私窗口重新运行项目，如果错误消失，说明是扩展的问题
• 逐个禁用已安装的扩展，找出触发错误的那个，要么禁用它，要么更新到最新版本

2. 检查Angular的HTTP请求与跨域配置 #

后端没报错不代表请求流程没问题，重点看请求是否正常到达后端、跨域配置是否生效：

• 按下F12打开开发者工具，切换到Network标签，查看请求的状态码、响应内容，确认请求是否发送到Spring Boot服务
• 检查Angular中HttpClient的调用逻辑，确保所有订阅都正确处理（比如组件销毁时取消订阅，避免资源泄漏）
• 验证Spring Boot的跨域配置：要么在控制器上添加@CrossOrigin注解，要么配置全局CORS规则，确保覆盖Angular应用的请求源

3. 验证Angular代理配置（如果用了代理） #

如果用proxy.conf.json转发请求到Spring Boot，配置错误可能导致请求异常：

• 检查proxy.conf.json的路径匹配、target地址、pathRewrite规则是否正确，比如后端接口路径是否和代理配置匹配
• 重启Angular开发服务器，确保代理配置生效
• 示例正确的代理配置：

  {
    "/api/*": {
      "target": "http://localhost:8080",
      "secure": false,
      "logLevel": "debug"
    }
  }
  

4. 清除浏览器缓存与存储 #

旧缓存或本地存储数据可能引发异常：

• 按下Ctrl+Shift+Delete打开清除数据面板，勾选缓存文件、Cookie、本地存储，执行清除
• 重启浏览器后重新运行项目

5. 排查WebSocket/消息订阅逻辑（如果用到） #

如果项目集成了WebSocket（比如SockJS、SignalR），连接异常断开可能触发该错误：

• 检查WebSocket连接的初始化和销毁逻辑，确保组件销毁时正确关闭连接、取消所有订阅
• 在开发者工具Network标签下查看WebSocket的连接状态，确认是否存在异常断开的情况

6. 更新依赖与工具版本 #

过时的工具版本可能存在兼容性问题：

• 更新Angular CLI到稳定版本：npm install -g @angular/cli@latest
• 更新项目依赖：npm update
• 确认Node.js版本符合当前Angular版本的要求
• 将浏览器更新到最新稳定版本

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