角12+：应用ssr步骤后的误差

Question

我有现有的角度计划。我需要应用ssr在我现有的角度项目。我在跟踪这

1. ng add @nguniversal/express-engine此命令按预期工作。
2. 运行此命令并在给定链接上打开浏览器后，npm run dev:ssr将收到以下错误 找不到翻译文件：./../资产/翻译/页/头/en.json 找不到翻译文件：./../资产/翻译/页面/页脚/en.json 找不到翻译文件：./.资产/翻译/页面/home/en.json ERROR ReferenceError：$是未定义的 at HeaderComponent.ngOnInit (mypro\dist\pro\server\main.js:228895:9)。 ERROR ReferenceError: FormData未定义为 at HomeComponent.getUpcomingEvents (mypro\dist\pro\server\main.js:229576:29) . ERROR ReferenceError: localStorage未定义为 at AuthService.isLoggedIn (mypro\dist\pro\server\main.js:240521:9) . 由于选择器错误而跳过的.custom-file-input:lang(en)~.custom-file-label 1规则： ->不匹配伪类:lang 由于选择器错误而跳过的.custom-file-input:lang(en)~.custom-file-label 1规则： ->不匹配伪类:lang

我尝试过不同的方法，但每次都会犯同样的错误。我没有得到什么我应该做的应用SSR在现有的项目。如果我创建新的角度项目，并应用相同的步骤，它可以工作，但它不工作的现有项目。

我应该如何删除这些错误？

请帮助和指导。

Answer 1

assets：听起来像是在使用相对路径来检索翻译文件，尝试绝对路径

$更可能是由于JQuery的使用(这是一个摆脱它的好机会)

localstorage/FormData：你的应用程序是在节点环境中呈现的，没有浏览器。Web Storage/FormData在浏览器之外不可用。根据您的使用情况，您可以在Google上找到用于本地存储的相关解决方案(因为问题中没有代码)。有关表格资料：

Install form-data via npm
npm install form-data

then import form-data to your component or service
import * as FormData from 'form-data';

Answer 2

您可以尝试一下本文：角方渲染

它将更详细地解释它，并使用ng add命令而不是npm命令。