Mdbootstrap5(v12.1.0) is not working in my angular12 project

Published

I have installed mdbootstrap5 using ng add angular-bootstrap-md in my angular12 project.

package.json

{
  "name": "client",
  "version": "0.0.0",
  "scripts": {
     "ng": "ng",
     "start": "ng serve",
     "build": "ng build",
     "watch": "ng build --watch --configuration development",
     "test": "ng test"
  },
 "private": true,
 "dependencies": {
 "@angular/animations": "~12.0.0",
 "@angular/cdk": "^9.0.0",
 "@angular/common": "~12.0.0",
 "@angular/compiler": "~12.0.0",
 "@angular/core": "~12.0.0",
 "@angular/forms": "~12.0.0",
 "@angular/platform-browser": "~12.0.0",
 "@angular/platform-browser-dynamic": "~12.0.0",
 "@angular/router": "~12.0.0",
 "@fortawesome/fontawesome-free": "~5.6.3",
 "@types/chart.js": "^2.7.40",
 "angular-bootstrap-md": "^12.1.0",
 "animate.css": "~3.7.2",
 "chart.js": "^2.7.2",
 "hammerjs": "~2.0.8",
 "rxjs": "~6.6.0",
 "tslib": "^2.1.0",
 "zone.js": "~0.11.4"
 },
"devDependencies": {
  "@angular-devkit/build-angular": "~12.0.0",
  "@angular/cli": "~12.0.0",
  "@angular/compiler-cli": "~12.0.0",
  "@types/jasmine": "~3.6.0",
  "@types/node": "^12.11.1",
  "jasmine-core": "~3.7.0",
  "karma": "~6.3.0",
  "karma-chrome-launcher": "~3.1.0",
  "karma-coverage": "~2.0.3",
  "karma-jasmine": "~4.0.0",
  "karma-jasmine-html-reporter": "^1.5.0",
  "typescript": "~4.2.3"
 }
}

i have done in angular.json in my styles array

    "./node_modules/animate.css/animate.css",
    "./node_modules/@fortawesome/fontawesome-free/scss/brands.scss",
    "./node_modules/@fortawesome/fontawesome-free/scss/regular.scss",
    "./node_modules/@fortawesome/fontawesome-free/scss/solid.scss",
    "./node_modules/@fortawesome/fontawesome-free/scss/fontawesome.scss",
    "./node_modules/angular-bootstrap-md/assets/scss/mdb.scss",
    "./node_modules/angular-bootstrap-md/assets/scss/bootstrap/bootstrap.scss",
    "src/styles.scss"

Now when i compile the project so it gives me this error

enter image description here

Note: I have imported MDBBootstrapModule , BrowserAnimationsModule modules in my app.module.ts

Source: Angular Questions

Published
Categorized as angular, mdbootstrap Tagged ,

Answers

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Still Have Questions?


Our dedicated development team is here for you!

We can help you find answers to your question for as low as 5$.

Contact Us
faq