问题标签 [angular-seo]

我正在尝试使用@nguniversal/express-engine并且我已经安装并尝试运行它，但是它在 main.js 文件中给出了错误。

这是我得到的错误

我尝试了很多东西，但没有任何效果。

导致问题的 print 函数，print-js 库使用了 print 函数

我的问题与此类似，只是我没有收到任何错误。我添加的标题在选项卡上可见，当我检查页面时可以看到元标记。但在查看页面源代码中，标题和元标记均不可见。如何使它们在 View Page Source 中也可见？

我已经预渲染了我的网站。

我正在使用的代码：

为了创建服务器端应用程序模块，我使用了这个命令

ng add @nguniversal/express-engine

然后，我运行命令 : npm run build:ssr ，构建成功。

之后我跑了 npm run serve:ssr，但得到了以下错误

为了解决此错误，我按照此答案中提到的步骤进行操作。但是，我仍然无法解决这个问题。谁能帮我解决这个问题？

我的页面根据 url 中的参数呈现内容，当前路由示例如下，

现在我想在我的网站中实施 SEO，所以我的网址将是..

这些页面动态地来自服务器。

我的动态路线看起来像，

我已将路线推为

但路线没有导航并给出 404 错误。

我该怎么做呢？

我正在使我的网站对 SEO 友好

我使用 npm 安装了 nguniversal，

这是我用来运行网站的命令（服务器端渲染）

ng run EssConsult:serve-ssr

编译成功。

** Angular Universal Live Development Server 正在监听 http://localhost:4200，在 http://localhost:4200 上打开浏览器 **

我收到消息编译成功。并且 Live Development Server 正在监听 http://localhost:4200

但是当网站加载时，我收到了这个错误

包.json 文件

}

我有现有的角度项目。我需要在我现有的 Angular 项目上应用 ssr。我正在关注这个

1. ng add @nguniversal/express-engine此命令按预期工作。

2. npm run dev:ssr运行此命令并在给定链接上打开浏览器后，出现以下错误

   找不到翻译文件：../../assets/translate/Pages/header/en.json

   找不到翻译文件：../../assets/translate/Pages/footer/en.json

   找不到翻译文件：../../assets/translate/Pages/home/en.json

   错误 ReferenceError: $ is not defined at HeaderComponent.ngOnInit (mypro\dist\pro\server\main.js:228895:9) ....

   错误 ReferenceError: HomeComponent.getUpcomingEvents (mypro\dist\pro\server\main.js:229576:29) 中未定义 FormData ....

   错误 ReferenceError: localStorage 未 在 AuthService.isLoggedIn 中定义 (mypro\dist\pro\server\main.js:240521:9) ....

   由于选择器错误而跳过了 1 条规则： .custom-file-input:lang(en)~.custom-file-label -> unmatched pseudo-class :lang

   由于选择器错误而跳过了 1 条规则： .custom-file-input:lang(en)~.custom-file-label -> unmatched pseudo-class :lang

我尝试了不同的方法，但每次都会遇到相同的错误。我不知道应该怎么做才能在现有项目上应用 SSR。如果我创建新的角度项目并应用相同的步骤，它可以工作，但它不适用于现有项目。

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

请帮助和指导。