Angular 17: Module '"xng-breadcrumb"' has no exported member 'BreadcrumbModule'. about xng-breadcrumb HOT 10 OPEN

👋 Hey @charmbv


Thanks for flagging your first issue! We're on it! Please provide all the details you can


Got a fix? Send a PR! 🚀 Check out our local dev guide

If you like this project, please ⭐star⭐ our repo.

from xng-breadcrumb.

@udayvunnam Won't work as I'm not using standalone components. This is not a requirement for using Angular 17+ so it shouldn't be a requirement for this library as well.

from xng-breadcrumb.

This is not a proper solution to the issue. I've been using overrides but will be looking for another solution.

from xng-breadcrumb.

After migrating to Angular 17, I've encountered the same issue. This library is now requiring unexpected refactoring.

from xng-breadcrumb.

Instead of

import { BreadcrumbModule } from 'xng-breadcrumb';
@NgModule({
  imports: [
    BreadcrumbModule,
  ],

Use

import { BreadcrumbComponent, BreadcrumbItemDirective } from 'xng-breadcrumb';
@NgModule({
  imports: [
    BreadcrumbComponent, BreadcrumbItemDirective,
  ],

from xng-breadcrumb.

@charmbv With Angular 17+, we use standalone components.

https://udayvunnam.github.io/xng-breadcrumb/#/quickstart?id=standalone-components

Try this -

import { BreadcrumbComponent, BreadcrumbItemDirective } from 'xng-breadcrumb';

@Component({
  standalone: true,
  imports: [RouterModule, BreadcrumbComponent, BreadcrumbItemDirective],
  templateUrl: './app.component.html',
  ...
})
export class AppComponent {}

from xng-breadcrumb.

Any update on this?

from xng-breadcrumb.

@charmbv @TomislavMedved @charmbv Try using the lower version npm install [email protected] their might be some dependency errors but if you Confidentially find everything correct then run this command npm install [email protected] --legacy-peer-deps.

from xng-breadcrumb.

Any update?

from xng-breadcrumb.

Instead of

import { BreadcrumbModule } from 'xng-breadcrumb';
@NgModule({
  imports: [
    BreadcrumbModule,
  ],

Use

import { BreadcrumbComponent, BreadcrumbItemDirective } from 'xng-breadcrumb';
@NgModule({
  imports: [
    BreadcrumbComponent, BreadcrumbItemDirective,
  ],

The provided solution from JakeAi worked for me

from xng-breadcrumb.