Angular 4.3 Update Accordion sb-item

  1. MDB Home Page
  2. Support Main Page
  3. MDB Angular
Topic: Angular 4.3 Update Accordion sb-item

mog5808 pro asked 7 years ago

Hi, I downloaded 
MDBootstrap Angular 4.3.1
and copied the 
pro
folder in the place of the older one after trying 
ng serve
i got the following error 
ERROR in D:/***/src/app/angular-bootstrap-md/pro/accordion/components/sb-item.head.d.ts (1,10): Module '"D:/****/src/app/angular-bootstrap-md/pro/accordion/components/sb-item"' has no exported member
'SBItemComponent'.
I am not sure what can the problem be. Any ideas? Also is there a way to 
npm i angular-bootstrap-md -save
PRO
?

mog5808 pro answered 7 years ago

Here goes a few trials that failed,  
  1. Copied the package.json to my current project and npm install
  2. updated typescript version
  3. reinstalled angular-cli globally
None of the above resulted in fixing the issue above Will post if i find a solution

mog5808 pro commented 7 years ago

Also guys, if you can add a document on how to add mdbootstrap ng 4 to a current mdboostrap ng 2 app that will be great!!

Edyta Dabrowska answered 7 years ago

Please tell me, are you using the accordion component in your project? If yes, what selector does it have? Thanks for the suggestion we will think about this in the future.

mog5808 pro answered 7 years ago

Hi Edyta, I have not added the accordion in my project yet. The error above just occurs when i `ng serve`

Edyta Dabrowska answered 7 years ago

While updating you just need to move typescript, fonts, scss and img folders to your project and then npm i. Please try this and let me know how it works.

mog5808 pro answered 7 years ago

Still not working, Do you see a problem with the following code? Maybe there is an issue there that i can not see

 

import {NgModule, NO_ERRORS_SCHEMA} from '@angular/core';


import {MDBBootstrapModule} from './angular-bootstrap-md/free';
import {MDBBootstrapModulePro} from './angular-bootstrap-md/pro';

 

imports: [
  BrowserModule,
  FormsModule,
  ReactiveFormsModule,
  HttpModule,
  BrowserAnimationsModule,
  AppRoutingModule,
  MDBBootstrapModule.forRoot(),
  MDBBootstrapModulePro.forRoot(),
  StoreModule.provideStore({
    commonReducer
  }),
],

Edyta Dabrowska answered 7 years ago

Ok, I'll try to reproduce your steps. Please tell me what version were you using before updating to 4.3.1?

mog5808 pro answered 7 years ago

Hi Edyta, I was using mdb-angular-pro-4.0.0 Cheers,

Edyta Dabrowska answered 7 years ago

I followed your steps and here is what you need to try: 1. remove angular-bootstrap-md from typescripts folder (you may need to kill console before removing this folder) 2. if the error is still present remove angular-bootstrap-md folder from app folder and put there the angular-bootstrap-md from 4.3.1 folder Let me know if this works for you.
Write
Create snippet
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: Yes
  • Provided link: No
About author
mog5808
Pro User
26Support score
15Questions 21Answers
0Snippets likes 0Snippets