Angular compilation Error: Cannot resolve type entity i6.Mdb

OK, I think I have found the source of the problem and only you at MDB can solve it. If I am right about this, I cannot solve it.

The problem seems to be some hard-coded paths to between MDB modules. When I look in node_modules, I see four examples of this in three files:

When I overwrite this wrong path (just one example):

import * as i7 from "mdb-angular-ui-kit/scrollbar";

and put in this:

import * as i7 from "ng-uikit-pro-essential/scrollbar";

or this:

import * as i7 from "../scrollbar";

the compiler errors disappear and the problem seems solved.

Of course, it is not solved, because I should not edit node_modules code like this. Whenever I run npm i, the problem will return.

Can you give me a quick fix to replace the wrong path on the fly, so that this hard-coded path does not cause problems?

And you can release a fix to your code in your next release? If I am right, that is the only good way you can solve this.

There may be other hard-coded paths in your MDB modules. I haven't looked for them.

Here are my notes-to-self about a very ugly fix I found:

The problem is hardcoded paths in these three MDB files in node_modules.

node_modules/ng-uikit-pro-essential/sidenav/sidenav.module.d.ts node_modules/ng-uikit-pro-essential/sidenav/sidenav.component.d.ts node_modules/ng-uikit-pro-essential/sidenav/sidenav-item.component.d.ts

In these files you will see four references to the /collapse and /scrollbar modules.

You need to change them as follows:

OLD: import * as i6 from "mdb-angular-ui-kit/collapse"; import * as i7 from "mdb-angular-ui-kit/scrollbar";

NEW: import * as i6 from "../collapse"; import * as i7 from "../scrollbar";

OLD: import { MdbCollapseDirective } from 'mdb-angular-ui-kit/collapse';

NEW:import { MdbCollapseDirective } from '../collapse';

OLD: import { MdbCollapseDirective } from 'mdb-angular-ui-kit/collapse';

NEW: import { MdbCollapseDirective } from '../collapse';

I think that the import paths suggested in our documentation are correct and we created them by following the official Angular guide for libraries.

The problem is caused probably by the installation under the wrong identifier. Your MDB5 Angular code should be in the node_modules folder inside the mdb-angular-ui-kit folder.

In case of further problems please use comments to start a discussion. We try to use answers only to provide a solution to the problem described in a specific thread.