mdb-icon is not a known module

Topic: mdb-icon is not a known module

Sanchez Lopez asked 6 years ago

Hi!

When I try to use any component in my angular project I'm reporting some errors in console. For example:

compiler.js:2430 Uncaught Error: Template parse errors: 'mdb-icon' is not a known element: 1. If 'mdb-icon' is an Angular component, then verify that it is part of this module. 2. If 'mdb-icon' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component

I have installed MD Boostrap vía npm install and I have not made any import in my modules according to Getting Started docs. Some extra info:

Angular CLI: 7.3.8
Node: 10.15.2
Angular: 7.2.13

About my angular.json styles node:

"styles": [ "src/styles.css" ],

Thanx for help!

Add comment

Maksym Mospanenko answered 5 years ago

1 0 Best answer

Got the same after following "quick-start" guide. I use only MDBBootstrapModule.forRoot(). Should it include mdb-icon directive?

Got an error

error NG8001: 'mdb-icon' is not a known element:
1. If 'mdb-icon' is an Angular component, then verify that it is part of this module.
2. If 'mdb-icon' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.

Arkadiusz Idzikowski staff commented 5 years ago

The IconsModule is part of MDBBootstrapModule so it should work correctly. Are you sure that the component in which you try to use mdb-icon component is part of the same module in which you imported MDBBootstrapModule? If you use lazy loading then you need to import our modules in lazy loaded module again.

Add comment

Davis M answered 5 years ago