从 10 到 12 ssr 问题的 Angular 更新答案

【问题标题】：Angular update from 10 to 12 ssr issue从 10 到 12 ssr 问题的 Angular 更新
【发布时间】：2022-01-08 20:31:37
【问题描述】：

我确实从 10 to 11 升级了 Angular 版本，然后从有关高级应用程序复杂性的 Angular 文档中从 11 to 12 升级了一切正常，但是当我尝试使用 Angular 通用构建项目时，我遇到了以下错误：

./server.ts - Error: Module build failed (from ./node_modules/@ngtools/webpack/src/ivy/index.js): Error: /Users/bobvv/kl-front/server.ts is missing from the TypeScript compilation. Please make sure it is in your tsconfig via the 'files' or 'include' property. at /Users/bobvv/kl-front/node_modules/@ngtools/webpack/src/ivy/loader.js:59:26

并且每个用于 Angular Universal 的 ts 文件正在查看 * 是 TypeScript 编译的一部分，但未使用。仅将入口点添加到 tsconfig 中的“文件”或“包含”属性。

【问题讨论】：

标签： angular typescript angular12

【解决方案1】：

我试图使用来自 Angular 10 的旧命令运行我的 Angular 项目的本地版本和构建版本，这导致了这个问题。要在 localhost 上构建 angular 12，您应该使用 ng run {{project-name}}:serve-ssr，它默认添加到您的 package.json 中，因此您可以使用 npm run dev:ssr，对于构建版本，您应该使用 ng run {{project-name}}:prerender，然后使用 node dist/{{project-name}}/server/main.js，默认情况下添加到你的 package.json 以便你可以使用npm run prerender 然后npm run serve:ssr

【讨论】：