angular提示ERROR Error: InvalidPipeArgument: 'Missing locale data for the locale "zh-cn".' for pipe '

最新推荐文章于 2021-03-15 18:39:57 发布
最新推荐文章于 2021-03-15 18:39:57 发布
阅读量4.3k 收藏 1
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sunxiaoju/article/details/86010857
版权

在运行angular时提示错误，如下错误代码：

InnerPopupComponent.html:1 ERROR Error: InvalidPipeArgument: 'Missing locale data for the locale "zh-cn".' for pipe 'DatePipe'
    at invalidPipeArgumentError (common.js:4013)
    at DatePipe.push../node_modules/@angular/common/fesm5/common.js.DatePipe.transform (common.js:4940)
    at NzI18nService.push../node_modules/ng-zorro-antd/fesm5/ng-zorro-antd.js.NzI18nService.formatDate (ng-zorro-antd.js:4967)
    at NzI18nService.push../node_modules/ng-zorro-antd/fesm5/ng-zorro-antd.js.NzI18nService.formatDateCompatible (ng-zorro-antd.js:4990)
    at CalendarHeaderComponent.push../node_modules/ng-zorro-antd/fesm5/ng-zorro-antd.js.CalendarHeaderComponent.formatDateTime (ng-zorro-antd.js:13810)
    at CalendarHeaderComponent.push../node_modules/ng-zorro-antd/fesm5/ng-zorro-antd.js.CalendarHeaderComponent.createYearMonthDaySelectors (ng-zorro-antd.js:13830)
    at CalendarHeaderComponent.push../node_modules/ng-zorro-antd/fesm5/ng-zorro-antd.js.CalendarHeaderComponent.render (ng-zorro-antd.js:13761)
    at CalendarHeaderComponent.push../node_modules/ng-zorro-antd/fesm5/ng-zorro-antd.js.CalendarHeaderComponent.ngOnChanges (ng-zorro-antd.js:13650)
    at checkAndUpdateDirectiveInline (core.js:20661)
    at checkAndUpdateNodeInline (core.js:21929)
View_InnerPopupComponent_0 @ InnerPopupComponent.html:1
InnerPopupComponent.html:1 ERROR CONTEXT DebugContext_
View_InnerPopupComponent_0 @ InnerPopupComponent.html:1
InnerPopupComponent.html:12 ERROR Error: InvalidPipeArgument: 'Missing locale data for the locale "zh-cn".' for pipe 'DatePipe'
    at invalidPipeArgumentError (common.js:4013)
    at DatePipe.push../node_modules/@angular/common/fesm5/common.js.DatePipe.transform (common.js:4940)
    at NzI18nService.push../node_modules/ng-zorro-antd/fesm5/ng-zorro-antd.js.NzI18nService.formatDate (ng-zorro-antd.js:4967)
    at DateTableComponent.push../node_modules/ng-zorro-antd/fesm5/ng-zorro-antd.js.DateTableComponent.makeHeadWeekDays (ng-zorro-antd.js:14226)
    at DateTableComponent.push../node_modules/ng-zorro-antd/fesm5/ng-zorro-antd.js.DateTableComponent.render (ng-zorro-antd.js:14189)
    at DateTableComponent.push../node_modules/ng-zorro-antd/fesm5/ng-zorro-antd.js.DateTableComponent.ngOnChanges (ng-zorro-antd.js:14139)
    at checkAndUpdateDirectiveInline (core.js:20661)
    at checkAndUpdateNodeInline (core.js:21929)
    at checkAndUpdateNode (core.js:21891)
    at debugCheckAndUpdateNode (core.js:22525)
View_InnerPopupComponent_0 @ InnerPopupComponent.html:12
InnerPopupComponent.html:12 ERROR CONTEXT DebugContext_
View_InnerPopupComponent_0 @ InnerPopupComponent.html:12
InnerPopupComponent.html:1 ERROR Error: InvalidPipeArgument: 'Missing locale data for the locale "zh-cn".' for pipe 'DatePipe'
    at invalidPipeArgumentError (common.js:4013)
    at DatePipe.push../node_modules/@angular/common/fesm5/common.js.DatePipe.transform (common.js:4940)
    at NzI18nService.push../node_modules/ng-zorro-antd/fesm5/ng-zorro-antd.js.NzI18nService.formatDate (ng-zorro-antd.js:4967)
    at NzI18nService.push../node_modules/ng-zorro-antd/fesm5/ng-zorro-antd.js.NzI18nService.formatDateCompatible (ng-zorro-antd.js:4990)
    at CalendarHeaderComponent.push../node_modules/ng-zorro-antd/fesm5/ng-zorro-antd.js.CalendarHeaderComponent.formatDateTime (ng-zorro-antd.js:13810)
    at CalendarHeaderComponent.push../node_modules/ng-zorro-antd/fesm5/ng-zorro-antd.js.CalendarHeaderComponent.createYearMonthDaySelectors (ng-zorro-antd.js:13830)
    at CalendarHeaderComponent.push../node_modules/ng-zorro-antd/fesm5/ng-zorro-antd.js.CalendarHeaderComponent.render (ng-zorro-antd.js:13761)
    at CalendarHeaderComponent.push../node_modules/ng-zorro-antd/fesm5/ng-zorro-antd.js.CalendarHeaderComponent.ngOnChanges (ng-zorro-antd.js:13650)
    at checkAndUpdateDirectiveInline (core.js:20661)
    at checkAndUpdateNodeInline (core.js:21929)
View_InnerPopupComponent_0 @ InnerPopupComponent.html:1
InnerPopupComponent.html:1 ERROR CONTEXT DebugContext_
View_InnerPopupComponent_0 @ InnerPopupComponent.html:1
InnerPopupComponent.html:12 ERROR Error: InvalidPipeArgument: 'Missing locale data for the locale "zh-cn".' for pipe 'DatePipe'
    at invalidPipeArgumentError (common.js:4013)
    at DatePipe.push../node_modules/@angular/common/fesm5/common.js.DatePipe.transform (common.js:4940)
    at NzI18nService.push../node_modules/ng-zorro-antd/fesm5/ng-zorro-antd.js.NzI18nService.formatDate (ng-zorro-antd.js:4967)
    at DateTableComponent.push../node_modules/ng-zorro-antd/fesm5/ng-zorro-antd.js.DateTableComponent.makeHeadWeekDays (ng-zorro-antd.js:14226)
    at DateTableComponent.push../node_modules/ng-zorro-antd/fesm5/ng-zorro-antd.js.DateTableComponent.render (ng-zorro-antd.js:14189)
    at DateTableComponent.push../node_modules/ng-zorro-antd/fesm5/ng-zorro-antd.js.DateTableComponent.ngOnChanges (ng-zorro-antd.js:14139)
    at checkAndUpdateDirectiveInline (core.js:20661)
    at checkAndUpdateNodeInline (core.js:21929)
    at checkAndUpdateNode (core.js:21891)
    at debugCheckAndUpdateNode (core.js:22525)
View_InnerPopupComponent_0 @ InnerPopupComponent.html:12
InnerPopupComponent.html:12 ERROR CONTEXT DebugContext_

如下图所示：

提示此错误是需要在model中引入registerLocaleData(zh)，如下代码：

import zh from '@angular/common/locales/zh';
import {registerLocaleData} from '@angular/common';
registerLocaleData(zh);
如下图所示：

sxjlinux
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
angularJs 本地化js下载 angular-locale_zh-cn.js
03-22
angularJs 本地化js下载 angular-locale_zh-cn.js 我是用来处理 日期工具英文的问题,转换成中文,直接引用就行,都是从官网上下载的,为啥不能选择需要的分数了???我还想一分呢
angular-error-logger:Angular的错误记录器
05-25
bower install angular-error-logger --save 或只是抢dist / angular-error-logger.js 用法 //include it in your app angular . module ( 'myapp' , [ 'angularErrorLogger' ] ) ; //Set url where to post error...
记：解决angular报错'Missing locale data for the locale "zh-cn"
weixin_33978016的博客
04-12 3005
今天早上起来，我正在happy的敲代码，ng serve之后报了个大红叉！ 代码逻辑如下 formatDate(date: Date, format: string): string { let local = this.getLocale(); // local.local = 'zh-cn' let re = this.datePipe.transform(date...
MonthPanelComponent.html:29 ERROR Error: Missing locale data for the locale "zh-cn".
玫翠慧
07-17 1520
环境 Angular 8.+ ng-zorro-antd 8.+ 首先是app.module.ts providers: [{ provide: NZ_I18N, useValue: zh_CN }] 这样使用大部分的nz组件就是中文的了 但是使用datepicker还是会报下边的错 MonthPanelComponent.html:29 ERROR Error: Missing locale d...
ng-zorro0.7.1+angular5: Missing locale data for the locale "zh-cn".
小武的博客
06-05 2986
DatePicker日期选择框如出现以下错误：nz-date-picker 的部分 locale 来自于 Angular 自身的国际化支持，需要在 main.ts文件中 引入相应的 Angular 语言包。import { registerLocaleData } from '@angular/common';import zh from '@angular/common/locales/zh';...
ngZorro错误Missing locale data for the locale zh-cn
黄彪博客
06-20 2615
文章目录问题原因在app.module.ts中的完整例子（包含ng-zorro其他模块的引入） 问题 原因 nz-date-picker 的部分 locale 来自于 Angular 自身的国际化支持，需要在 main.ts文件中 引入相应的 Angular 语言包。 import { registerLocaleData } from '@angular/common'; import zh from '@angular/common/locales/zh'; registerLocaleData(
missing locales
weixin_34245082的博客
07-26 106
原文地址：http://codewut.de/content/missing-locales-under-debian This drives me crazy! Every time I debootstrap a debian or ubuntu machine the resulting root system will lack properly set up locales. dpkg...
angular-error-template:用于处理 AngularJS 中的错误和异常的实用模块
06-13
角度误差模板 安装 使用 Bower： bower install --save angular-error-template 浏览器使用 ...script type="text/javascript" src="bower_components/angular-colors-util/lib/dist/js/angular-error-tem
angular-error-shipper:用于纠正错误和异常的角度模块
05-24
bower install angular-error-shipper or npm install angular-error-shipper 在您的应用程序中将该模块声明为依赖项： angular . module ( 'myApp' , [ 'ngCookies' , 'ipCookie' , 'ngResource'
ngx-order-pipe:▼Angular 5+订单通过管道
04-30
Angular 5+订购管道 按字段订购您的收藏 演示页面 或查看代码示例 安装 npm install ngx-order-pipe --save 对于低于5的Angular，请使用1.1.3版 设置 如果您使用的是systemjs ，请参见配置。 否则，请跳过此部分。...
Angular中的Error: [$resource:badcfg]错误如何解决之一种
weixin_34356138的博客
08-11 409
相信这种情况很多的吧，我遇到的情况是因为在作reSource的service时，query出来的协议不对. 错误时候的代码： Version.factory("versionSrv", ['$resource', function ($resource) { return $resource( "http://127.0.0.1:8000/server_api/...
angular Error: [ng:areq]
dexia7362的博客
06-08 149
在使用augularjs的时候，爆了个错误： 后来经过对比，原来是我的<html>标签多了点东西 转载于:https://www.cnblogs.com/guxingzhe/p/5569091.html
Angular error:由bootstrap版本引发的“血案”
材女的进击
02-26 318
源代码： 在styles.scss中引入bootstrap： @import 'node_modules/bootstrap/scss/bootstrap'; pakage.json文件中 "bootstrap":"^4.1.3" 运行 npm install 的时候默认会安装bootstrap的最新版本，目前bootstrap的最新版本是4.3.1，问题来...
[已解决]angular错误Error: Error trying to diff ‘[object Object]‘. Only arrays and iterables are allowed
qq_42768941的博客
03-15 3319
angular ERROR Error: Error trying to diff ‘[object Object]’. Only arrays and iterables are allowed at DefaultIterableDiffer.diff ERROR TypeError: data is not iterable 错误场景 前端查询 数据库有值 则不报错, 查询不到值则报错 1原因后端空判断出错 看下面图片 修改后 ...
Angular2 使用管道Pipe以及自定义管道格式数据
menghuannvxia的专栏
03-09 1785
Angular 2 内建管道及分类String -&gt; StringUpperCasePipeLowerCasePipeTitleCasePipeNumber -&gt; StringDecimalPipePercentPipeCurrencyPipeObject -&gt; StringJsonPipeDatePipeToolsSlicePipeAsyncPipeI18nPluralPipe...
angular4时间转换，js保留两位小数点（分值转换），angular4前端管道保留两位小数，时间格式化（管道）
小武的博客
05-29 6234
一、 angular4时间转换1. var time1 = new Date().format("yyyy-MM-dd hh:mm:ss");2. 在ts中注入datePipe管道，import { DatePipe } from '@angular/common'; constructor( private datePipe: DatePipe ) {}再mod...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值