Topic: Cant pass step 5 in 5 min Quick Start

Braulio Linares free asked 5 years ago


I cant install mdb pro, i have two projects one in Angular 8 and the other in Angular 7.2.1 but after npm install ndb pro i have this problem, can you please help me

Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema.
 - configuration.output has an unknown property 'futureEmitAssets'. These properties are valid:
   object { auxiliaryComment?, chunkCallbackName?, chunkFilename?, chunkLoadTimeout?, crossOriginLoading?, devtoolFallbackModuleFilenameTemplate?, devtoolLineToLine?, devtoolModuleFilenameTemplate?, devtoolNamespace?, filename?, globalObject?, hashDigest?, hashDigestLength?, hashFunction?, hashSalt?, hotUpdateChunkFilename?, hotUpdateFunction?, hotUpdateMainFilename?, jsonpFunction?, jsonpScriptType?, library?, libraryExport?, libraryTarget?, path?, pathinfo?, publicPath?, sourceMapFilename?, sourcePrefix?, strictModuleExceptionHandling?, umdNamedDefine?, webassemblyModuleFilename? }
   -> Options affecting the output of the compilation. `output` options tell webpack how to write the compiled files to disk.
WebpackOptionsValidationError: Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema.
 - configuration.output has an unknown property 'futureEmitAssets'. These properties are valid:
   object { auxiliaryComment?, chunkCallbackName?, chunkFilename?, chunkLoadTimeout?, crossOriginLoading?, devtoolFallbackModuleFilenameTemplate?, devtoolLineToLine?, devtoolModuleFilenameTemplate?, devtoolNamespace?, filename?, globalObject?, hashDigest?, hashDigestLength?, hashFunction?, hashSalt?, hotUpdateChunkFilename?, hotUpdateFunction?, hotUpdateMainFilename?, jsonpFunction?, jsonpScriptType?, library?, libraryExport?, libraryTarget?, path?, pathinfo?, publicPath?, sourceMapFilename?, sourcePrefix?, strictModuleExceptionHandling?, umdNamedDefine?, webassemblyModuleFilename? }
   -> Options affecting the output of the compilation. `output` options tell webpack how to write the compiled files to disk.
    at webpack (/media/braulio/Data/Documents/Desarrollo/project-pos/ng-uikit-pro-standard-7.5.4/node_modules/webpack/lib/webpack.js:31:9)
    at Observable._subscribe (/media/braulio/Data/Documents/Desarrollo/project-pos/ng-uikit-pro-standard-7.5.4/node_modules/@angular-devkit/build-webpack/src/webpack-dev-server/index.js:39:37)
    at Observable._trySubscribe (/media/braulio/Data/Documents/Desarrollo/project-pos/ng-uikit-pro-standard-7.5.4/node_modules/rxjs/internal/Observable.js:44:25)
    at Observable.subscribe (/media/braulio/Data/Documents/Desarrollo/project-pos/ng-uikit-pro-standard-7.5.4/node_modules/rxjs/internal/Observable.js:30:22)
    at /media/braulio/Data/Documents/Desarrollo/project-pos/ng-uikit-pro-standard-7.5.4/node_modules/rxjs/internal/util/subscribeTo.js:22:31
    at Object.subscribeToResult (/media/braulio/Data/Documents/Desarrollo/project-pos/ng-uikit-pro-standard-7.5.4/node_modules/rxjs/internal/util/subscribeToResult.js:10:45)
    at MergeMapSubscriber._innerSub (/media/braulio/Data/Documents/Desarrollo/project-pos/ng-uikit-pro-standard-7.5.4/node_modules/rxjs/internal/operators/mergeMap.js:82:29)
    at MergeMapSubscriber._tryNext (/media/braulio/Data/Documents/Desarrollo/project-pos/ng-uikit-pro-standard-7.5.4/node_modules/rxjs/internal/operators/mergeMap.js:76:14)
    at MergeMapSubscriber._next (/media/braulio/Data/Documents/Desarrollo/project-pos/ng-uikit-pro-standard-7.5.4/node_modules/rxjs/internal/operators/mergeMap.js:59:18)
    at MergeMapSubscriber.Subscriber.next (/media/braulio/Data/Documents/Desarrollo/project-pos/ng-uikit-pro-standard-7.5.4/node_modules/rxjs/internal/Subscriber.js:67:18)
    at TapSubscriber._next (/media/braulio/Data/Documents/Desarrollo/project-pos/ng-uikit-pro-standard-7.5.4/node_modules/rxjs/internal/operators/tap.js:65:26)
    at TapSubscriber.Subscriber.next (/media/braulio/Data/Documents/Desarrollo/project-pos/ng-uikit-pro-standard-7.5.4/node_modules/rxjs/internal/Subscriber.js:67:18)
    at MergeMapSubscriber.notifyNext (/media/braulio/Data/Documents/Desarrollo/project-pos/ng-uikit-pro-standard-7.5.4/node_modules/rxjs/internal/operators/mergeMap.js:92:26)
    at InnerSubscriber._next (/media/braulio/Data/Documents/Desarrollo/project-pos/ng-uikit-pro-standard-7.5.4/node_modules/rxjs/internal/InnerSubscriber.js:28:21)
    at InnerSubscriber.Subscriber.next (/media/braulio/Data/Documents/Desarrollo/project-pos/ng-uikit-pro-standard-7.5.4/node_modules/rxjs/internal/Subscriber.js:67:18)
    at MergeMapSubscriber.notifyNext (/media/braulio/Data/Documents/Desarrollo/project-pos/ng-uikit-pro-standard-7.5.4/node_modules/rxjs/internal/operators/mergeMap.js:92:26)

Damian Gemza staff answered 5 years ago


Dear @Braulio Linares

As I said before, If you're using Angular 7 (MDB Angular 7.5.4 uses Angular 7) you have to install @angular-devkit/build-angular@~0.10.1 in your project.

For now, there's no possibility to use MDB Angular 7 in Angular 8 application.

On the next Monday, we'll ship the MDB Angular 8 which will be compatible with Angular 8.

Step-by-step:

1) Remove the node_modules directory,

2) Remove the package-lock.json file,

3) Open the package.json file and change the version of the @angular-devkit/build-angular to the ~0.10.1,

4) Execute npm install one more time,

5) Check if the problem is gone.

If this won't help, please let me know.

Best Regards,

Damian


Braulio Linares free commented 5 years ago

Thank you very much @Damian Gemza! thatś work for me.


Braulio Linares free answered 5 years ago


Even, I downloaded the file MDB_ANGULAR_PRO_7.5.4.zip from my MDB profile, unzipped it and installed it with npm install. But I still have an error.

Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema.
 - configuration.output has an unknown property 'futureEmitAssets'. These properties are valid:
   object { auxiliaryComment?, chunkCallbackName?, chunkFilename?, chunkLoadTimeout?, crossOriginLoading?, devtoolFallbackModuleFilenameTemplate?, devtoolLineToLine?, devtoolModuleFilenameTemplate?, devtoolNamespace?, filename?, globalObject?, hashDigest?, hashDigestLength?, hashFunction?, hashSalt?, hotUpdateChunkFilename?, hotUpdateFunction?, hotUpdateMainFilename?, jsonpFunction?, jsonpScriptType?, library?, libraryExport?, libraryTarget?, path?, pathinfo?, publicPath?, sourceMapFilename?, sourcePrefix?, strictModuleExceptionHandling?, umdNamedDefine?, webassemblyModuleFilename? }
   -> Options affecting the output of the compilation. `output` options tell webpack how to write the compiled files to disk.
WebpackOptionsValidationError: Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema.
 - configuration.output has an unknown property 'futureEmitAssets'. These properties are valid:
   object { auxiliaryComment?, chunkCallbackName?, chunkFilename?, chunkLoadTimeout?, crossOriginLoading?, devtoolFallbackModuleFilenameTemplate?, devtoolLineToLine?, devtoolModuleFilenameTemplate?, devtoolNamespace?, filename?, globalObject?, hashDigest?, hashDigestLength?, hashFunction?, hashSalt?, hotUpdateChunkFilename?, hotUpdateFunction?, hotUpdateMainFilename?, jsonpFunction?, jsonpScriptType?, library?, libraryExport?, libraryTarget?, path?, pathinfo?, publicPath?, sourceMapFilename?, sourcePrefix?, strictModuleExceptionHandling?, umdNamedDefine?, webassemblyModuleFilename? }
   -> Options affecting the output of the compilation. `output` options tell webpack how to write the compiled files to disk.
    at webpack (/media/braulio/Data/Documents/Desarrollo/ng-uikit-pro-standard-7.5.4 (1)/ng-uikit-pro-standard-7.5.4/node_modules/webpack/lib/webpack.js:31:9)
    at Observable._subscribe (/media/braulio/Data/Documents/Desarrollo/ng-uikit-pro-standard-7.5.4 (1)/ng-uikit-pro-standard-7.5.4/node_modules/@angular-devkit/build-webpack/src/webpack-dev-server/index.js:39:37)
    at Observable._trySubscribe (/media/braulio/Data/Documents/Desarrollo/ng-uikit-pro-standard-7.5.4 (1)/ng-uikit-pro-standard-7.5.4/node_modules/rxjs/internal/Observable.js:44:25)
    at Observable.subscribe (/media/braulio/Data/Documents/Desarrollo/ng-uikit-pro-standard-7.5.4 (1)/ng-uikit-pro-standard-7.5.4/node_modules/rxjs/internal/Observable.js:30:22)
    at /media/braulio/Data/Documents/Desarrollo/ng-uikit-pro-standard-7.5.4 (1)/ng-uikit-pro-standard-7.5.4/node_modules/rxjs/internal/util/subscribeTo.js:22:31
    at Object.subscribeToResult (/media/braulio/Data/Documents/Desarrollo/ng-uikit-pro-standard-7.5.4 (1)/ng-uikit-pro-standard-7.5.4/node_modules/rxjs/internal/util/subscribeToResult.js:10:45)
    at MergeMapSubscriber._innerSub (/media/braulio/Data/Documents/Desarrollo/ng-uikit-pro-standard-7.5.4 (1)/ng-uikit-pro-standard-7.5.4/node_modules/rxjs/internal/operators/mergeMap.js:82:29)
    at MergeMapSubscriber._tryNext (/media/braulio/Data/Documents/Desarrollo/ng-uikit-pro-standard-7.5.4 (1)/ng-uikit-pro-standard-7.5.4/node_modules/rxjs/internal/operators/mergeMap.js:76:14)
    at MergeMapSubscriber._next (/media/braulio/Data/Documents/Desarrollo/ng-uikit-pro-standard-7.5.4 (1)/ng-uikit-pro-standard-7.5.4/node_modules/rxjs/internal/operators/mergeMap.js:59:18)
    at MergeMapSubscriber.Subscriber.next (/media/braulio/Data/Documents/Desarrollo/ng-uikit-pro-standard-7.5.4 (1)/ng-uikit-pro-standard-7.5.4/node_modules/rxjs/internal/Subscriber.js:67:18)
    at TapSubscriber._next (/media/braulio/Data/Documents/Desarrollo/ng-uikit-pro-standard-7.5.4 (1)/ng-uikit-pro-standard-7.5.4/node_modules/rxjs/internal/operators/tap.js:65:26)
    at TapSubscriber.Subscriber.next (/media/braulio/Data/Documents/Desarrollo/ng-uikit-pro-standard-7.5.4 (1)/ng-uikit-pro-standard-7.5.4/node_modules/rxjs/internal/Subscriber.js:67:18)
    at MergeMapSubscriber.notifyNext (/media/braulio/Data/Documents/Desarrollo/ng-uikit-pro-standard-7.5.4 (1)/ng-uikit-pro-standard-7.5.4/node_modules/rxjs/internal/operators/mergeMap.js:92:26)
    at InnerSubscriber._next (/media/braulio/Data/Documents/Desarrollo/ng-uikit-pro-standard-7.5.4 (1)/ng-uikit-pro-standard-7.5.4/node_modules/rxjs/internal/InnerSubscriber.js:28:21)
    at InnerSubscriber.Subscriber.next (/media/braulio/Data/Documents/Desarrollo/ng-uikit-pro-standard-7.5.4 (1)/ng-uikit-pro-standard-7.5.4/node_modules/rxjs/internal/Subscriber.js:67:18)
    at MergeMapSubscriber.notifyNext (/media/braulio/Data/Documents/Desarrollo/ng-uikit-pro-standard-7.5.4 (1)/ng-uikit-pro-standard-7.5.4/node_modules/rxjs/internal/operators/mergeMap.js:92:26)

I already tried all the possible tutorials to implement and I do not get it to work. Please help me I'm feeling frustrated, I can not make it work and I've been around for a week now.


Damian Gemza staff answered 5 years ago


Dear @Braulio Linares

If you're using Angular 7, please install the lower version of package @angular-devkit/build-angular - the 0.10.1 should be fine.

If you're using Angular 8, please install the latest (0.800.6) of the same package.

If those modifications won't resolve your problem let me know.

Best Regards,

Damian


Braulio Linares free commented 5 years ago

Hi @Damian Gemza

After i install @angular-devkit/build-angular (0.800.6), i created a new project in angular 8, but in the Step 4 when i add the following imports:

import { MDBBootstrapModulesPro } from 'ng-uikit-pro-standard'; import { MDBSpinningPreloader } from 'ng-uikit-pro-standard';

imports: [ ... MDBBootstrapModulesPro.forRoot(), ... ], providers: [ ... MDBSpinningPreloader, ... ]

Failed to compile with 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'

Thanks for your attention



Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Resolved

Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 7.5.4
  • Device: Laptop
  • Browser: Google Chrome
  • OS: Ubuntu
  • Provided sample code: No
  • Provided link: No