Base solution for your next web application
Open Closed

Errors on npm start about ngx-bootstrap #8820


User avatar
0
jaencalo created

Hi, AspNetZero guys...

Today, I downloaded a final project (not demo), and I got several errors (repeated) about ngx-bootstrap... I do not used RAD Tool yet... just download, set string connections on server project, compile and run server project, all right... on angular project, I ran yarn and yarn upgrade, refresh on nswag directory and npm start...

The errors :

ERROR in src/app/shared/layout/link-account-modal.component.ts:4:32 - error TS2307: Cannot find module 'ngx-bootstrap'.

4 import { ModalDirective } from 'ngx-bootstrap'; ~~~~~~~~~~~~~~~ src/app/shared/layout/linked-accounts-modal.component.ts:6:32 - error TS2307: Cannot find module 'ngx-bootstrap'.

6 import { ModalDirective } from 'ngx-bootstrap'; ~~~~~~~~~~~~~~~ src/app/shared/common/lookup/common-lookup-modal.component.ts:5:32 - error TS2307: Cannot find module 'ngx-bootstrap'.

5 import { ModalDirective } from 'ngx-bootstrap'; ~~~~~~~~~~~~~~~ src/app/shared/layout/create-new-user-delegation-modal.component.ts:4:32 - error TS2307: Cannot find module 'ngx-bootstrap'.

4 import { ModalDirective } from 'ngx-bootstrap'; ~~~~~~~~~~~~~~~ src/app/shared/layout/user-delegations-modal.component.ts:4:32 - error TS2307: Cannot find module 'ngx-bootstrap'.

.......... several lines, same error

Aspnetcore 3.1 + angular 8.5

Javier Carreño From Bogota, Colombia


3 Answer(s)
  • User Avatar
    0
    dev1_premierpoint created

    I have been trying to get 8.5.0 Angular\Core and RAD Tool working together for the last two days (but still has problems that are documented in another question).

    Just FYI, I HAVE been able to get 8.5.0 WITHOUT the RAD Tool to work. What I did differently than Javier was I did not run "yarn upgrade". With just "yarn" and then "npm start" it works for me.

    One time when I was trying to get it working WITH the RAD Tool, I ran a "yarn upgrade". When I did that I got similar bootstrap errors to the ones Javier shows above.

  • User Avatar
    0
    murat.yuceer created

    import { ModalModule, TabsModule, BsDropdownModule, BsDatepickerConfig, BsDaterangepickerConfig } from 'ngx-bootstrap';

    change like that

    import { ModalModule } from 'ngx-bootstrap/modal'; import { TabsModule } from 'ngx-bootstrap/tabs'; import { BsDropdownModule } from 'ngx-bootstrap/dropdown'; import { BsDatepickerModule } from 'ngx-bootstrap/datepicker'; etc..

    But i didnt understand clean code working with from 'ngx-bootstrap';

  • User Avatar
    0
    jaencalo created

    Thanks a lot, @Murat.yuceer,

    The above errors were solved avoiding to run the yarn upgrade command (as @dev1_premierpoint said) ... right now, the error is other, and is explained in https://support.aspnetzero.com/QA/Questions/8818

    Javier Carreño From Bogotá, Colombia