首页 > 解决方案 > 元标记在我的角度应用程序中没有更新

问题描述

Angular CLI: 7.3.3
Node: 8.11.3
OS: linux x64
Angular: 7.2.4
... common, core, forms, http, language-service
... platform-browser, platform-browser-dynamic, platform-server
... router

Package                            Version
------------------------------------------------------------
@angular-devkit/architect          0.13.3
@angular-devkit/build-angular      0.13.7
@angular-devkit/build-optimizer    0.13.7
@angular-devkit/build-webpack      0.13.7
@angular-devkit/core               7.2.4
@angular-devkit/schematics         7.2.4
@angular/animations                7.2.14
@angular/cdk                       7.3.7
@angular/cli                       7.3.3
@angular/compiler                  7.2.11
@angular/compiler-cli              7.2.9
@angular/flex-layout               7.0.0-beta.24
@angular/material                  7.3.7
@angular/material-moment-adapter   7.3.1
@ngtools/webpack                   7.3.7
@schematics/angular                7.3.3
@schematics/update                 0.13.3
rxjs                               6.4.0
typescript                         3.1.6
webpack                            4.29.0

我知道 Angular 是一个 SPA(单页应用程序)并且需要 SSR(服务器端渲染)来更新元标记。我试过ng add @ng-toolkit/universal但我得到一个空错误,它没有创建或更新文件。

ERROR: 
ERROR: If you think that this error shouldn't occur, please fill up bug report here: https://github.com/maciejtreder/ng-toolkit/issues/new

这是我更新元标记的方式

import { Meta } from '@angular/platform-browser';
constructor( 
  private meta: Meta
) { }
this.meta.updateTag({ property: 'og:description', content: desc })

注意在我的检查元素中,我可以看到我的元标记正在更新,但在查看源代码中没有

任何其他解决方案将不胜感激!

标签: angulartypescriptangular-universal

解决方案


推荐阅读