Topic: ERROR in Symbol ModalBackdropComponent
Marco Stefani asked 4 years ago
Hello, I've installed the library Mdb Angular pro 10 in my project with Angular 10. When I started the projects I have this issue:> fooodry-delivery@0.0.0 start /Users/alessandrozampieri/WebstormProjects/fooodry-delivery
ng serve
Compiling @angular/cdk/bidi : es2015 as esm2015 Compiling @angular/cdk/keycodes : es2015 as esm2015 Compiling @angular/cdk/platform : es2015 as esm2015 Compiling @angular/cdk/collections : es2015 as esm2015 Compiling @angular/cdk/portal : es2015 as esm2015 Compiling @angular/cdk/clipboard : es2015 as esm2015 Compiling @angular/cdk/observers : es2015 as esm2015 Compiling @angular/cdk/text-field : es2015 as esm2015 Compiling @angular/cdk/layout : es2015 as esm2015 Compiling @angular/cdk/accordion : es2015 as esm2015 Compiling @angular/cdk/scrolling : es2015 as esm2015 Compiling @angular/cdk/a11y : es2015 as esm2015 Compiling @angular/cdk/overlay : es2015 as esm2015 Compiling @angular/cdk/drag-drop : es2015 as esm2015 Compiling @angular/cdk/table : es2015 as esm2015 Compiling @angular/material/core : es2015 as esm2015 Compiling @angular/cdk/stepper : es2015 as esm2015 Compiling @angular/material/expansion : es2015 as esm2015 Compiling @angular/cdk/tree : es2015 as esm2015 Compiling ng-uikit-pro-standard : es2015 as esm2015 Compiling @angular/material/icon : es2015 as esm2015 Compiling @angular/material/form-field : es2015 as esm2015 Compiling @angular/material/tooltip : es2015 as esm2015 Compiling @angular/material/dialog : es2015 as esm2015 Compiling @angular/material/divider : es2015 as esm2015 Compiling @angular/material/button : es2015 as esm2015 Compiling @angular/material/sort : es2015 as esm2015 Compiling @angular/material/badge : es2015 as esm2015 Compiling @angular/material/select : es2015 as esm2015 Compiling @angular/material/input : es2015 as esm2015 Compiling @angular/material/autocomplete : es2015 as esm2015 Compiling @angular/material/bottom-sheet : es2015 as esm2015 Compiling @angular/material/button-toggle : es2015 as esm2015 Compiling @angular/material/card : es2015 as esm2015 Compiling @angular/material/checkbox : es2015 as esm2015 Compiling @angular/material/chips : es2015 as esm2015 Compiling @angular/material/paginator : es2015 as esm2015 Compiling @angular/material/datepicker : es2015 as esm2015 Compiling @angular/material/grid-list : es2015 as esm2015 Compiling @angular/material/icon/testing : es2015 as esm2015 Compiling @angular/material/list : es2015 as esm2015 Compiling @angular/material/menu : es2015 as esm2015 Compiling @angular/material/progress-bar : es2015 as esm2015 Compiling @angular/material/progress-spinner : es2015 as esm2015 Compiling @angular/material/radio : es2015 as esm2015 Compiling @angular/material/sidenav : es2015 as esm2015 Compiling @angular/material/slide-toggle : es2015 as esm2015 Compiling @angular/material/slider : es2015 as esm2015 Compiling @angular/material/snack-bar : es2015 as esm2015 Compiling @angular/material/stepper : es2015 as esm2015 Compiling @angular/material/table : es2015 as esm2015 Compiling @angular/material/tabs : es2015 as esm2015 Compiling @angular/material/toolbar : es2015 as esm2015 Compiling @angular/material/tree : es2015 as esm2015
chunk {main} main.js, main.js.map (main) 2.05 kB [initial] [rendered] chunk {polyfills} polyfills.js, polyfills.js.map (polyfills) 705 bytes [initial] [rendered] chunk {runtime} runtime.js, runtime.js.map (runtime) 6.15 kB [entry] [rendered] chunk {scripts} scripts.js, scripts.js.map (scripts) 1.18 MB [entry] [rendered] chunk {styles} styles.js, styles.js.map (styles) 2.18 MB [initial] [rendered] chunk {vendor} vendor.js, vendor.js.map (vendor) 340 kB [initial] [rendered] Date: 2020-11-17T07:40:33.050Z - Hash: 313dbf0923f064a615e9 - Time: 8169ms
*ERROR in Symbol ModalBackdropComponent declared in* /Users/alessandrozampieri/WebstormProjects/fooodry-delivery/node_modules/ng-uikit-pro-standard/lib/free/modals/modalbackdrop.component.d.ts is not exported from ng-uikit-pro-standard (import into /Users/alessandrozampieri/WebstormProjects/fooodry-delivery/src/app/app.component.ts) ** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Free
- Premium support: No
- Technology: MDB Angular
- MDB Version: 10.0.0
- Device: MacBook Pro
- Browser: Chrome 86.0.4240.198
- OS: MacOS 10.15.7
- Provided sample code: No
- Provided link: Yes
Arkadiusz Idzikowski staff commented 4 years ago
Is this a fresh installation or do you use any MDB components in your application?
Marco Stefani commented 4 years ago
It is a new installation in an existing project in Angular 10
Arkadiusz Idzikowski staff commented 4 years ago
Do you use any MDB components (for example modal) in the application? Can you provide more details about your configuration (angular.json) or send a simple demo app on which we will be able to reproduce this problem to a.idzikowski@mdbootstrap.com?
Marco Stefani commented 4 years ago
I will prepare a demo so you can find my issue. For now I use select in some view and nothing else. Thanks
Marco Stefani commented 4 years ago
Hello you can find the demo with this issue at this github repository:https://github.com/treebyte-dev/test-mdb-angular.git. Let me know if you can access and if this is enough to solve the issue.Thanks
Marco Stefani commented 4 years ago
Hello you can find the demo with this issue at this github repository: https://github.com/treebyte-dev/test-mdb-angular.git. Let me know if you can access and if this is enough to solve the issue.Thanks
Arkadiusz Idzikowski staff commented 4 years ago
I used
ng serve
in your app and everything compiled correctly (there were some problems with assets that were declared but not included in the app). Please try to delete thenode_modules
folder and package-lock.json file and reinstall the dependencies withnpm install
command.