/node_modules/ng-mdb-pro/index' has no exported member


Topic: /node_modules/ng-mdb-pro/index"' has no exported member 'CarouselComponent'.

marts123 pro asked 7 years ago

Following the instructions from https://mdbootstrap.com/angular/5min-quickstart/ and trying to create a Carousel ---- app.module import { MDBBootstrapModules } from 'ng-mdb-pro'; MDBBootstrapModules.forRoot(), ----- my component import import { CarouselComponent, CarouselConfig } from 'ng-mdb-pro'; I am getting this error? /node_modules/ng-mdb-pro/index"' has no exported member 'CarouselComponent'.   "@angular/cli": "^1.6.4", any ideas?      

Damian Gemza staff answered 7 years ago

Hello, Dear marts123, could you provide me here your's whole app.module.ts and app.component.ts ? I'm not sure, that you've did everything in right way. Best Regards, Damian

marts123 pro commented 7 years ago

import { BrowserModule } from '@angular/platform-browser'; import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; import { FormsModule, ReactiveFormsModule } from '@angular/forms'; import { FlexLayoutModule } from '@angular/flex-layout'; import { HttpClientModule } from '@angular/common/http'; import { HttpModule } from '@angular/http'; import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; import { FullscreenOverlayContainer, OverlayContainer } from '@angular/cdk/overlay'; import * as firebase from 'firebase/app'; import { AngularFireModule } from 'angularfire2'; import { AngularFirestoreModule } from 'angularfire2/firestore'; import { AngularFireAuthModule, AngularFireAuth } from 'angularfire2/auth'; import { AngularFireDatabaseModule } from 'angularfire2/database'; import { AppComponent } from './app.component'; import { AppRoutingModule } from './app-routing.module'; import { LoginDialog } from './components/login-dialog/login-dialog.component'; import { MaterialModule } from './material.module'; import { MDBBootstrapModules } from 'ng-mdb-pro'; import { MDBSpinningPreloader } from 'ng-mdb-pro'; import { MessagesComponent } from './components/messages/messages.component'; import { NewListDialogComponent } from './components/lists/new-list-dialog/new-list-dialog.component'; import { NewTaskDialogComponent } from './components/tasks/new-task-dialog/new-task-dialog.component'; import { NotFoundComponent } from './components/not-found/not-found.component'; import { OrderBy } from './pipes/orderBy.pipe'; import { InputMask } from './directives/PhoneMask'; import { TextMaskModule } from 'angular2-text-mask'; import { SimpleNotificationsModule } from 'angular2-notifications'; import { WelcomeComponent } from './components/welcome/welcome.component'; import { LoadingSpinnerDialogComponent } from './components/loading-spinner-dialog/loading-spinner-dialog.component'; import { YesNoDialog } from './components/yes-no-dialog/yes-no-dialog.component'; @NgModule({ declarations: [ AppComponent, LoadingSpinnerDialogComponent, LoginDialog, NotFoundComponent, WelcomeComponent, YesNoDialog ], imports: [ AppRoutingModule, BrowserModule.withServerTransition({ appId: 'tfl-web' }), AngularFirestoreModule, AngularFireAuthModule, AngularFireDatabaseModule, AngularFireModule.initializeApp(environment.firebase), BrowserAnimationsModule, FlexLayoutModule, FormsModule, HttpClientModule, HttpModule, MaterialModule, MDBBootstrapModules.forRoot(), ReactiveFormsModule, TextMaskModule, SimpleNotificationsModule.forRoot(), ], exports: [ OrderBy, InputMask ], entryComponents: [ LoginDialog, LoadingSpinnerDialogComponent, YesNoDialog], providers: [ MDBSpinningPreloader, {provide: OverlayContainer, useClass: FullscreenOverlayContainer} ], schemas: [ NO_ERRORS_SCHEMA ], bootstrap: [AppComponent] }) export class AppModule { }

marts123 pro commented 7 years ago

import { OverlayContainer } from '@angular/cdk/overlay'; import { Component, ElementRef, Renderer2, ViewChild, ViewEncapsulation } from '@angular/core'; import { Router, RouterLinkActive } from '@angular/router'; import { MatDialog, MatDialogRef, MAT_DIALOG_DATA } from '@angular/material'; import { NotificationsService } from 'angular2-notifications'; import { LoadingSpinnerDialogComponent } from './components/loading-spinner-dialog/loading-spinner-dialog.component'; import { TempAuthService } from './providers/temp-auth.service'; import { Observable } from 'rxjs/Observable'; import { Meta, Title } from "@angular/platform-browser"; // import 'style-loader!angular2-toaster/toaster.css'; @Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.scss'], preserveWhitespaces: false }) export class AppComponent { title = 'app'; tabItems = [ ]; public options = { position: ["top", "right"], timeOut: 4000, showProgressBar: true, pauseOnHover: true, lastOnBottom: true, clickToClose: true, animate: "fromRight" }; loadingDialog: any; constructor( private _element: ElementRef, private _renderer: Renderer2, private _overlayContainer: OverlayContainer, public dialog: MatDialog, private router: Router, private toasterService: NotificationsService, private authService: TempAuthService, meta: Meta, title: Title) { } goToLogout() { this.isLoggedIn = false; this.router.navigateByUrl('welcome'); } addToast(title, body, typeOfToast) { if (typeOfToast === 'INFO') { this.toasterService.info(title,body); } else if (typeOfToast === 'SUCCESS') { this.toasterService.success(title,body); } else if (typeOfToast === 'ALERT') { this.toasterService.alert(title,body); } else if (typeOfToast === 'ERROR') { this.toasterService.error(title,body); } else if (typeOfToast === 'WARNING') { this.toasterService.warn(title,body); } } showLoading() { this.loadingDialog = this.dialog.open(LoadingSpinnerDialogComponent, { width: 'auto', height: 'auto', disableClose: true, hasBackdrop: true, panelClass: 'tfl-loading-dialog', backdropClass: 'tfl-loading-dialog' }); } hideLoading() { this.loadingDialog.close(); } }

Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No