Angular Error: "mat-form-field' is not a known element"

Question

Im using stackblitz code editor and im trying to implement calendar in my app using angular materials but got this error.

here's the link https://stackblitz.com/edit/angular-ivy-2ucboy?file=src/app/app.component.ts

Hello, i cant see any problem of importing MatModules. But i see that you bootstrap in main just Datepicker component. Try to bootsrap as default appComponent. — Anton Skybun
– Anton Skybun, Commented Oct 7, 2020 at 7:57
Hi there, please consider providing your code inline as links may go down or be inaccessible at any point. — Edric
– Edric, Commented Oct 7, 2020 at 9:48

ViqMontana · Accepted Answer · 2020-10-07 08:03:00Z

2

For some reason, you are bootstrapping your app in main.ts? That's why your actual app.module.ts file is redundant. You need to import the relevant modules into your main.ts file, as that is where your AppModule is declared.

See this working demo.

answered Oct 7, 2020 at 8:03

ViqMontana

5,7484 gold badges25 silver badges62 bronze badges

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

2 Comments

frustrated-dev Over a year ago

its woring fine in angular example stackblitz.com/angular/anmqddxqxmy?file=src%2Fmain.ts

ViqMontana Over a year ago

your example has been bootstrapped in main.ts for other reasons, there's no need for you to do this. If you do, then you'll need to import the relevant modules in main.ts.

Collectives™ on Stack Overflow

Angular Error: "mat-form-field' is not a known element"

1 Answer 1

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Related