Search code examples
node.jsangularxng-breadcrumb

Problem using xng-breadcrumb 9.0.0 library, application cannot boostrapping

I faced problem after first time installing xng-breadcrumb 9.0.0. My app after ng serve cannot start: TypeError: Cannot create property 'message' on string 'C:\Users\...\node_modules\xng-breadcrumb\fesm2015\xng-breadcrumb.mjs: This application depends upon a library published using Angular version 14.0.0, which requires Angular version 14.0.0 or newer to work correctly.

Screenshot from terminal: screen_1

It seams that I have too old version of Angular which I think isn't old: enter image description here

Is it problem related to compatibility of versions? Or what can caauses this issue and hhow can I solve it?

I tried to install older version of xng-breadcrumb but same result.

I can add that I have just updated Angular and Node.js today if it's matter.

Thanks for help for newbie.

Edit:

I suppose that now everything is updated:enter image description here

But after that I faced other problem (I don't know if screenshots are more acceptable rather than of piece of code): enter image description here

The first issue I fixed this way:

// @import "~bootstrap/scss/bootstrap";
@import "node_modules/bootstrap/scss/bootstrap";

But stays the second problem with: Property 'get' in type 'ToastInjector' is not assignable to the same property in base type 'Injector'.

Solution

  • The solution was to update @angular-devkit/build-angular and @angular-devkit/core by using commannds:

    • npm install @angular-devkit/core
    • ng update @angular-devkit/build-angular