如何使用DatePipe在Angular 7中显示日期

我从以前的一位员工那里接手了Angular 5代码库，最近我经历了一个复杂的过程，将Angular 7更新为最新版本

代码部署在Netlify的开发和生产环境中。我在这两种环境中使用的构建命令如下所示

对于开发人员：

ng build--prod=false--configuration=staging

对于产品：

ng build--prod=true--configuration=production

当我部署到dev时，没有问题。应用程序无问题构建，并按预期执行

今天早上，自从主要版本升级以来，我第一次部署到prod。Netlify上的构建失败了，出现了一个我觉得奇怪的错误

The pipe 'date' could not be found ("
  <h4>Token Expiration</h4>
  <pre>{{[ERROR ->]expiresAt | date:'medium'}}</pre>
  <button class="btn btn-primary"
"): /opt/build/repo/src/app/token/token.component.html@13:9

在

token.component.html

中，令牌过期的显示也非常简单：

"angularCompilerOptions": {
    "enableIvy": false
}

令牌过期
{{expiresAt}日期：'medium'}

---

是否有人对此构建失败的原因有任何建议，并为prod而不是为dev显示此错误？

似乎您启用了新的角度渲染引擎（Ivy），该引擎可能在AOT模式下具有带管道的atm

检查您是否在

tsconfig.json

中启用了它，并暂时关闭它：

---

您是否在声明此组件的模块中导入了

CommonModule

？请添加expiresAt变量输出。@shadowman_93 Mar 8，2019，10:18:57 AM是expiresAt调用.Hmmm时显示的示例，您可以添加您的webpack.config文件吗？因此，我们可以看到每个版本的差异……当新的Ive引擎打开时，也有类似的问题报告。您是否也启用了它？特别感谢Borys Kupar。将enablevy设置为false后一切都很好。我正在开发Angular近1年，第一次看到这种问题：）

<h4>Token Expiration</h4>
<pre>{{expiresAt | date:'medium'}}</pre>

"angularCompilerOptions": {
    "enableIvy": false
}