Cannot use Ng-bootstrap in Angular 9

Question

I started my first project in angular with ng-bootstrap and followed the installation procedure, but nevertheless It doesn't work.

The message is "Uncaught Error: It looks like your application or one of its dependencies is using i18n.

Angular 9 introduced a global $localize() function that needs to be loaded. Please add import '@angular/localize'; to your polyfills.ts file."

Then I added in polyfill.ts the line

import '@angular/localize';

and now the message changed to

ERROR in ./src/polyfills.ts Module not found: Error: Can't resolve ' @angular/localize' in 'D:\source\mh\Reclamos-v2\src'

What should I install? What is the name of localize library?

Just a guess, but perhaps you still have a dependency on the i18n library in your package.json left over from a previous Angular version? If so, that probably needs to be removed. — GreyBeardedGeek
– GreyBeardedGeek, Commented Sep 17, 2019 at 2:40

Dino · Accepted Answer · 2019-10-08 08:08:29Z

9

You can try this:

npm install @angular/localize --save

Dino

8,37213 gold badges50 silver badges93 bronze badges

answered Oct 8, 2019 at 7:24

Raf

1061 bronze badge

Sign up to request clarification or add additional context in comments.

1 Comment

yktoo · Accepted Answer · 2020-02-11 15:53:56Z

7

You'll need to both install the package and to import it in polyfills.ts. The easiest way to achieve this is running:

ng add @angular/localize

answered Feb 11, 2020 at 15:53

yktoo

2,9961 gold badge27 silver badges39 bronze badges

Drony Qualwebs · Accepted Answer · 2022-08-23 11:50:49Z

0

This issue occurred for me even after removing the package. Removing the import statement from polyfill.ts resolves the issue for me.

answered Aug 23, 2022 at 11:50

Drony Qualwebs

214 bronze badges