Topic: Cant pass step 5 in 5 min Quick Start
Braulio Linares 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
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 commented 5 years ago
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
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 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.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Resolved
- User: 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