Solved - Angular 9 introduced a global `$localize()` function that needs to be loaded

When i was working on my angular 10 project, i simply installed @ng-bootstrap/ng-bootstrap and add model on it. then i run app i got error "Angular 9 introduced a global `$localize()` function that needs to be loaded".

You can also see bellow error that was getting on my browser console. project run successfully, but i was getting error. you can see bellow full error:

core.js:31451 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 run `ng add @angular/localize` from the Angular CLI.
(For non-CLI projects, add `import '@angular/localize/init';` to your `polyfills.ts` file.
For server-side rendering applications add the import to your `main.server.ts` file.)
    at push../node_modules/@angular/core/__ivy_ngcc__/fesm2015/core.js._global.$localize (core.js:31451)
    at Module../node_modules/@ng-bootstrap/ng-bootstrap/__ivy_ngcc__/fesm2015/ng-bootstrap.js (ng-bootstrap.js:69)
    at __webpack_require__ (bootstrap:79)
    at Module../src/app/app.component.ts (app.component.ts:1)
    at __webpack_require__ (bootstrap:79)
    at Module../src/app/app.module.ts (app.module.ts:1)
    at __webpack_require__ (bootstrap:79)
    at Module../src/main.ts (main.ts:1)
    at __webpack_require__ (bootstrap:79)

After long research i found solution how to do it and we need to install @angular/localize and import it. so let's see solution.

Solution:

Install @angular/localize

npm install @angular/localize --save

Import in src/polyfills.ts file

import '@angular/localize/init'

Now you can see it will works.

I hope it can help you...