Error building with Angular 12

[maratkalibek]

Reproduction link

https://github.com/NG-ZORRO/ng-zorro-antd

Steps to reproduce

1. create new project
2. add ng-zorro-antd
3. build project

What is expected?

Successful compilation

What is actually happening?

Broken build

Environment	Info
ng-zorro-antd	11.4.1
Browser	Chrome

---

Following error occurs

Error: node_modules/resize-observer-polyfill/src/index.d.ts:19:18 - error TS2717: Subsequent property declarations must have the same type.  Property 'contentRect' must be of type 'DOMRectReadOnly', but here has type 'DOMRectReadOnly'.

19         readonly contentRect: DOMRectReadOnly;
                    ~~~~~~~~~~~

  node_modules/typescript/lib/lib.dom.d.ts:12696:14
    12696     readonly contentRect: DOMRectReadOnly;
                       ~~~~~~~~~~~
    'contentRect' was also declared here.
```<!-- generated by ng-zorro-issue-helper. DO NOT REMOVE -->

[joshcomley]

Having the same issue - I believe it's related to the updated TypeScript when you upgrade Angular - but it is ng-zorro that is dependant upon the broken resize-observer-polyfill nonetheless

[vthinkxie]

Can have a try to add "skipLibCheck" in tsconfig.json ?

https://www.typescriptlang.org/tsconfig#skipLibCheck

[joshcomley]

@vthinkxie this works, thank you - but of course isn't a long term solution

[CarlosAmaral]

Would be nice if you guys could switch to another resize-observer-polyfill that's maintained.

[ah-kevin]

mark

[jveko]

Can have a try to add "skipLibCheck" in tsconfig.json ?

https://www.typescriptlang.org/tsconfig#skipLibCheck

works for me too

[krokofant]

@jveko Yeah, but it shouldn't be needed anymore with v12. 🙄