常见问题

常见问题

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

基础

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

当你有多个懒模块时，希望每个子模块都需要使用组件库时（例如：NgZorroAntdModule、NgxTinymceModule）应在 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，并且最后给出一种勉强答案：

确保安装最新 npm 版本：npm i -g npm
删除 node_modules 和 package-lock.json
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 相同的文档站点。