npm install MDB Pro in Angular 8


Topic: npm install MDB Pro in Angular 8

Braulio Linares asked 2 years ago

I follow this tutorial https://mdbootstrap.com/docs/angular/getting-started/quick-start/ to install via npm MDB pro, in Angular 8 but when i ng serve i have this error:

ERROR in ./node_modules/ng-uikit-pro-standard/fesm2015/ng-uikit-pro-standard.js 12214:59-67
"export 'DOCUMENT' was not found in '@angular/platform-browser'
ERROR in ./node_modules/ng-uikit-pro-standard/assets/scss/mdb.scss (./node_modules/@angular-devkit/build-angular/src/angular-cli-files/plugins/raw-css-loader.js!./node_modules/postcss-loader/src??embedded!./node_modules/sass-loader/lib/loader.js??ref--13-3!./node_modules/ng-uikit-pro-standard/assets/scss/mdb.scss)
Module build failed (from ./node_modules/sass-loader/lib/loader.js):

.picker__frame:not() {
                  ^
      Expected selector.
   ╷
54 │ .picker__frame:not(){
   │                    ^
   ╵
  node_modules/ng-uikit-pro-standard/assets/scss/angular/pro/_data-picker.scss 54:20  @import
  node_modules/ng-uikit-pro-standard/assets/scss/angular/mdb-angular.scss 13:9        @import
  stdin 123:9                                                                         root stylesheet
      in /media/braulio/Data/Documents/Desarrollo/panda/node_modules/ng-uikit-pro-standard/assets/scss/angular/pro/_data-picker.scss (line 54, column 20)

Damian Gemza staff answered 2 years ago

Dear @Braulio Linares

The MDB Angular 7 is not compatible with Angular 8. Please downgrade your project to the Angular 7 until we'll ship MDB 8.

We're working on it, but you guys have to give us more time because we want to check everything twice.

Best Regards,

Damian


Braulio Linares commented 2 years ago

Hi Damian I create a new project with Angular 7.0.3 and i still have the same probleme, inclusi i use the manual instalation and the same problem, what i can do?

Thanks


Damian Gemza staff commented 2 years ago

Dear @Braulio Linares

There's no possibility, that you're having similar problem when using Angular 7 application.

Is there a possibility to send me your application via email? You can find me here: d.gemza@mdbootstrap.com

Please remove the node_modules directory before sending.

Best Regards,

Damian


Braulio Linares commented 2 years ago

I remove node_modules and package-lock change the version of @angular-devkit/build-angular, and everything is good. Thank you very much for the support @Damian Gemza!


Please insert min. 20 characters.
Status

Resolved

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: Angular
  • MDB Version: 7.5.4
  • Device: Laptop
  • Browser: Google Chrome
  • OS: Ubuntu
  • Provided sample code: No
  • Provided link: Yes