Angular 7生产环境仅Mac客户端登录报错排查求助

一、调试压缩的前端代码（定位polyfills相关错误） #

你的生产构建配置中sourceMap设为false，导致压缩后的代码无法映射到源码。修改angular.json的生产配置，开启sourceMap：

"configurations": {
  "production": {
    // ...其他配置
    "sourceMap": true, // 改为true
    // ...其他配置
  }
}

重新执行生产构建并发布到IIS，之后在Mac的Chrome开发者工具中：

• 打开Sources标签，按Cmd+P搜索polyfills.ts，就能看到源码并设置断点
• 触发登录操作，断点会命中，就能定位具体出错的代码位置

二、排查Mac客户端登录请求参数异常 #

1. 检查请求体构建逻辑 #

登录请求中出现不该存在的allowRememberMe（来自Cookie），且缺失pwd，大概率是前端代码在构建请求体时，错误地将Cookie数据合并到了请求对象中。检查登录组件的代码：

• 确认是否调用了CookieService.get('allowRememberMe')，并不小心把这个值赋值到了登录请求的参数对象里
• 检查表单控件的绑定是否正确，比如pwd对应的表单控件是否存在，是否在提交时正确获取了值

2. 排查AOT编译导致的差异 #

生产环境启用了AOT编译，可能和开发环境的JIT编译存在行为差异：

• 检查是否有未初始化的变量，AOT会严格检查变量初始化，比如如果请求对象的pwd属性未初始化，可能在Mac的某些环境下被优化掉
• 尝试关闭AOT（修改angular.json中生产配置的"aot": false），重新构建发布，验证问题是否消失，以此确认是否是AOT导致的

3. Cookie读取的跨平台差异 #

Mac的浏览器对Cookie的处理和Windows可能存在细微差异：

• 检查ngx-cookie-service的使用，确认在清除Cookie后，get('allowRememberMe')是否确实返回null或undefined，避免空值被转为true
• 可以在构建请求体前，手动打印请求对象的内容（开启sourceMap后在源码中加console.log），对比Windows和Mac下的输出差异

三、修复IIS远程调试断点不触发问题 #

1. 确保发布时包含调试符号 #

发布项目到IIS时，在Visual Studio的发布设置中：

• 选择Debug配置（或在Release配置中勾选生成调试信息）
• 确认发布包中包含.pdb文件

2. 正确附加到w3wp.exe进程 #

• 以管理员身份运行Visual Studio
• 打开调试→附加到进程，勾选显示所有用户的进程和显示远程计算机上的进程，输入IIS服务器的IP或主机名
• 找到对应应用池的w3wp.exe进程（可以通过任务管理器查看进程ID，对应应用池的名称），确保附加的代码类型包含Managed (.NET Framework)

3. 检查IIS应用池配置 #

• 确认应用池的.NET CLR版本和项目的目标框架一致
• 确保应用池没有启用快速失败保护或被回收，导致进程重启

补充：polyfills相关排查 #

如果确认错误来自polyfills，检查src/polyfills.ts中的代码：

• 确认是否有针对Mac浏览器的特殊polyfill未正确引入，比如core-js的某些特性
• 尝试更新core-js到对应Angular7支持的最新版本（当前是2.4.1，Angular7推荐的core-js版本是2.x的最新版）

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