常见问题

提问之前,请先查阅下面的常见问题。

基础

Can't Bind to since it isn't a known property of

当你有多个懒模块时,希望每个子模块都需要使用组件库时(例如:NgZorroAntdModuleNgxTinymceModule)应在 ShareModule 中 export,请参考模块注册指导原则

Expression Changed After It Has Been Checked Error 错误

Angular 下常见错误,这篇文章 会帮助你理解原因。

Can't bind to 'formGroup' since it isn't a known property of 'form'

Angular 下常见错误,使用 Reactive Forms 需要额外引入 ReactiveFormsModule,可以参考官方文档

数据修改后页面为什么没有更新

NG-ZORRO 及 @delon/* 组件默认在 OnPush 模式下工作,mutate 对象或者数组不会触发 Angular 的变更检测,请使用 immutable 方式。

安装

为什么找不到 ng-zorro-antd/src/*.less 样式?

两种情况:

  • 使用 cnpm 安装依赖包,会遇到无法找到样式文件。这是由于 cnpm 采用的是软链接路径形式,导致 ng-zorro-antd 文件夹名有所变动,因此建议改用 npm 安装依赖包。

  • ng-zorro-antd 版本过旧导致部分组件无法加载到相应样式

如何正确使用淘宝源?

最简单是使用 networkEnv 插件。

或手动修复:

yarn

yarn config set registry https://registry.npm.taobao.org
yarn config set sass_binary_site http://cdn.npm.taobao.org/dist/node-sass
# 恢复
yarn config delete registry
yarn config delete sass_binary_site

npm

npm config set registry https://registry.npm.taobao.org
npm config set sass_binary_site http://cdn.npm.taobao.org/dist/node-sass
# 恢复
npm config delete registry
npm config delete sass_binary_site

Angular Cli 默认是使用 npm 来安装依赖,如果你习惯使用 yarn 来安装依赖,可以设置 Angular Cli 全局默认使用 yarn

ng config -g cli.packageManager yarn

no such file or directory

这个问题很难解释,npm 有一个长楼 #17444,并且最后给出一种勉强答案:

  1. 确保安装最新 npm 版本:npm i -g npm

  2. 删除 node_modulespackage-lock.json

  3. npm i

最后,依然不行就再重复以上步骤!

配置

如何本地部署 antd 图标?

首先,最新的 iconfont 文件可以到 此链接镜像) 下载。

最后,在 src/styles/theme.less 重新定义新的路径:

@icon-url: "/assets/iconfont";

使用绝对路径或CDN地址。

Missing locale data for the locale "zh-cn"

缺少语言导入,参考app.module.ts

如何本地部署ng-alain.com文档

我们提供一份在线快照:

git clone --depth 1 --branch gh-pages https://github.com/ng-alain/delon.git docs

你可以简单的创建一个 Docker 容器来快速部署 ng-alain.com 相同的文档站点。