Angular Universal预渲染报错：Promise调用异常及路径修改求助

一、解决Promise.prototype.then called on incompatible receiver [object Object]报错 #

1. 降级Node.js到LTS版本 #

日志明确提示v19是非LTS版本，Angular的SSR/预渲染工具对非LTS版本兼容性较差。直接切换到v16、v18这类长期支持版本，大部分情况下能直接解决这个Promise相关报错。

2. 清理并重建依赖 #

执行以下命令彻底清理缓存和依赖：

rm -rf node_modules package-lock.json
npm install

重新安装依赖可以修复可能存在的版本不匹配或缓存损坏问题。

3. 对齐Angular与Universal版本 #

确保@nguniversal/express-engine的版本和你的Angular CLI、Angular核心包版本完全一致。比如Angular是14.x，Universal也要用14.x版本，版本不匹配会导致底层Promise调用异常。

4. 排查代码中的Promise误用 #

检查项目代码或第三方依赖中是否存在不规范的Promise操作：

• 有没有手动修改Promise.prototype的情况
• 第三方库是否存在将then方法绑定到非Promise对象上的错误调用

二、修改预渲染输出路径 #

打开项目根目录下的angular.json文件，找到对应项目的prerender配置节点：

"projects": {
  "laschan": {
    "architect": {
      "prerender": {
        "options": {
          "outputPath": "dist/laschan/browser" // 这里修改为你需要的路径
        }
      }
    }
  }
}

把outputPath的值改成目标路径即可，比如dist/my-prerendered-output。

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