Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

NgbRTL isn't exported from @ng-bootstrap/ng-bootstrap

See original GitHub issue

Bug description:

After upgrading ng-bootstrap from 13.0.0 to 13.1.0, I found that NgbTooltip now took NgbRTL. So I injected NgbRTL and passed it to the constructor of NgbTooltip. When I did this, I imported NgbRTL from @ng-bootstrap/ng-bootstrap/util/rtl directly, because it wasn’t exported from @ng-bootstrap/ng-bootstrap.

Now, while building the Angular app, I encountered this error.

./dist/util/fesm2020/util.mjs:16:0-60 - Error: Module not found: Error: Package path ./util/rtl is not exported from package /Users/project/node_modules/@ng-bootstrap/ng-bootstrap (see exports field in /Users/project/node_modules/@ng-bootstrap/ng-bootstrap/package.json)

I guess this can be fixed by exporting NgbRTL from @ng-bootstrap/ng-bootstrap. Or, am I missing something?

Versions of Angular, ng-bootstrap and Bootstrap:

Angular: 14.2.6 ng-bootstrap: 13.1.0 Bootstrap: 5.2.2

Issue Analytics

State:
Created a year ago
Comments:10 (3 by maintainers)

Top GitHub Comments

2reactions

yildiraymericcommented, Nov 3, 2022

We have a custom directive which extends NgbTooltip and adds additional functionality that we need to it. Now we can not compile our code due to NgbRTL not being public.

Please make NgbRTL public.

1reaction

snakamuracommented, Dec 13, 2022

@maxokorokov Oh, it looks great to me. Thank you.

We’re moving toward hostDirectives based on your suggestion, by the way. It seems working fine with Angular 15 and ng-bootstrap 14.0.0.

Top Results From Across the Web

angular - Internationalization of ng-bootstrap - Stack Overflow

Create a service to handle the localization import { Component, Injectable } from '@angular/core'; import { NgbDatepickerI18n, ...

Datepicker - Angular powered Bootstrap

NgbDatepicker is meant to be displayed inline on a page or put inside a popup. Selector: 'ngb-datepicker'. Exported as: 'ngbDatepicker'. Inputs ...

@ng-bootstrap/ng-bootstrap | Yarn - Package Manager

Fast, reliable, and secure dependency management.

NG Bootstrap - npm

Please, do not open issues for the general support questions as we want to keep GitHub issues for bug reports and feature requests....

ag-Grid Examples: Angular and ngx-bootstrap

ag-Grid Angular Examples with ngx-bootstrap. Cell Editor with ngx-bootstrap Components. This example uses ngx-bootstrap as part of an Editor Components.