Topic: mdbootstrap configuration.output has an unknown property 'futureemitassets'. these properties are valid

surabathula karthik pro asked 3 years ago


Hi Team,

I downloaded latest version of angulat mdbootstrap, when i am trying to start i see that app wont start up below is the output log.

Could you please help.

NPM Version

C:\Users\surabathulak>npm -v 6.9.0

Angular MDB Version ng-uikit-pro-standard-7.5.4

Output Log:

C:\Working\ng-uikit-pro-standard-7.5.4\ng-uikit-pro-standard-7.5.4>npm start

ng-uikit-pro-standard-lib@7.5.4 start C:\Working\ng-uikit-pro-standard-7.5.4\ng-uikit-pro-standard-7.5.4 ng serve

** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ ** 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 (C:\Working\ng-uikit-pro-standard-7.5.4\ng-uikit-pro-standard-7.5.4\node_modules\webpack\lib\webpack.js:31:9) at Observable.rxjs_1.Observable.obs [as _subscribe] (C:\Working\ng-uikit-pro-standard-7.5.4\ng-uikit-pro-standard-7.5.4\node_modules\@angular-devkit\build-webpack\src\webpack-dev-server\index.js:39:37) at Observable._trySubscribe (C:\Working\ng-uikit-pro-standard-7.5.4\ng-uikit-pro-standard-7.5.4\node_modules\rxjs\internal\Observable.js:44:25) at Observable.subscribe (C:\Working\ng-uikit-pro-standard-7.5.4\ng-uikit-pro-standard-7.5.4\node_modules\rxjs\internal\Observable.js:30:22) at C:\Working\ng-uikit-pro-standard-7.5.4\ng-uikit-pro-standard-7.5.4\node_modules\rxjs\internal\util\subscribeTo.js:22:31 at Object.subscribeToResult (C:\Working\ng-uikit-pro-standard-7.5.4\ng-uikit-pro-standard-7.5.4\node_modules\rxjs\internal\util\subscribeToResult.js:10:45) at MergeMapSubscriber._innerSub (C:\Working\ng-uikit-pro-standard-7.5.4\ng-uikit-pro-standard-7.5.4\node_modules\rxjs\internal\operators\mergeMap.js:82:29) at MergeMapSubscriber._tryNext (C:\Working\ng-uikit-pro-standard-7.5.4\ng-uikit-pro-standard-7.5.4\node_modules\rxjs\internal\operators\mergeMap.js:76:14) at MergeMapSubscriber._next (C:\Working\ng-uikit-pro-standard-7.5.4\ng-uikit-pro-standard-7.5.4\node_modules\rxjs\internal\operators\mergeMap.js:59:18) at MergeMapSubscriber.Subscriber.next (C:\Working\ng-uikit-pro-standard-7.5.4\ng-uikit-pro-standard-7.5.4\node_modules\rxjs\internal\Subscriber.js:67:18) at TapSubscriber._next (C:\Working\ng-uikit-pro-standard-7.5.4\ng-uikit-pro-standard-7.5.4\node_modules\rxjs\internal\operators\tap.js:65:26) at TapSubscriber.Subscriber.next (C:\Working\ng-uikit-pro-standard-7.5.4\ng-uikit-pro-standard-7.5.4\node_modules\rxjs\internal\Subscriber.js:67:18) at MergeMapSubscriber.notifyNext (C:\Working\ng-uikit-pro-standard-7.5.4\ng-uikit-pro-standard-7.5.4\node_modules\rxjs\internal\operators\mergeMap.js:92:26) at InnerSubscriber._next (C:\Working\ng-uikit-pro-standard-7.5.4\ng-uikit-pro-standard-7.5.4\node_modules\rxjs\internal\InnerSubscriber.js:28:21) at InnerSubscriber.Subscriber.next (C:\Working\ng-uikit-pro-standard-7.5.4\ng-uikit-pro-standard-7.5.4\node_modules\rxjs\internal\Subscriber.js:67:18) at MergeMapSubscriber.notifyNext (C:\Working\ng-uikit-pro-standard-7.5.4\ng-uikit-pro-standard-7.5.4\node_modules\rxjs\internal\operators\mergeMap.js:92:26)

npm ERR! code ELIFECYCLE

npm ERR! errno 1

npm ERR! ng-uikit-pro-standard-lib@7.5.4 start: ng serve

npm ERR! Exit status 1

npm ERR!

npm ERR! Failed at the ng-uikit-pro-standard-lib@7.5.4 start script.

npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:

npm ERR! C:\Users\surabathulak\AppData\Roaming\npm-cache_logs\2019-06-15T12_15_55_189Z-debug.log

C:\Users\surabathulak\AppData\Roaming\npm-cache_logs\2019-06-15T12_15_55_189Z-debug.log:

0 info it worked if it ends with ok 1 verbose cli [ 'C:\Program Files\nodejs\node.exe', 1 verbose cli 'C:\Users\surabathulak\AppData\Roaming\npm\node_modules\npm\bin\npm-cli.js', 1 verbose cli 'start' ] 2 info using npm@6.9.0 3 info using node@v10.16.0 4 verbose run-script [ 'prestart', 'start', 'poststart' ] 5 info lifecycle ng-uikit-pro-standard-lib@7.5.4~prestart: ng-uikit-pro-standard-lib@7.5.4 6 info lifecycle ng-uikit-pro-standard-lib@7.5.4~start: ng-uikit-pro-standard-lib@7.5.4 7 verbose lifecycle ng-uikit-pro-standard-lib@7.5.4~start: unsafe-perm in lifecycle true 8 verbose lifecycle ng-uikit-pro-standard-lib@7.5.4~start: PATH: C:\Users\surabathulak\AppData\Roaming\npm\node_modules\npm\node_modules\npm-lifecycle\node-gyp-bin;C:\Working\ng-uikit-pro-standard-7.5.4\ng-uikit-pro-standard-7.5.4\node_modules.bin;C:\Perl64\site\bin;C:\Perl64\bin;C:\Program Files (x86)\RSA SecurID Token Common;C:\Program Files (x86)\Common Files\Oracle\Java\javapath;C:\WINDOWS\system32;C:\WINDOWS;C:\WINDOWS\System32\Wbem;C:\WINDOWS\System32\WindowsPowerShell\v1.0\;C:\Program Files (x86)\WebEx\Productivity Tools;C:\Program Files (x86)\HPE\LoadRunner\strawberry-perl\perl\bin;C:\Program Files\Git\cmd;C:\Program Files\PuTTY\;C:\Program Files (x86)\WebEx\PTools020000000;C:\Program Files\Microsoft SQL Server\Client SDK\ODBC\130\Tools\Binn\;C:\Program Files (x86)\Microsoft SQL Server\140\Tools\Binn\;C:\Program Files\Microsoft SQL Server\140\Tools\Binn\;C:\Program Files\Microsoft SQL Server\140\DTS\Binn\;C:\Program Files (x86)\Microsoft SQL Server\Client SDK\ODBC\130\Tools\Binn\;C:\Program Files (x86)\Microsoft SQL Server\140\DTS\Binn\;C:\Program Files (x86)\Microsoft SQL Server\140\Tools\Binn\ManagementStudio\;C:\Program Files (x86)\Webex\Webex\Applications;C:\WINDOWS\system32;C:\WINDOWS;C:\WINDOWS\System32\Wbem;C:\WINDOWS\System32\WindowsPowerShell\v1.0\;C:\Program Files (x86)\Windows Kits\10\Windows Performance Toolkit\;C:\Program Files\nodejs\;C:\Program Files\MySQL\MySQL Shell 8.0\bin\;C:\Users\surabathulak\AppData\Local\Programs\Microsoft VS Code\bin;C:\Users\surabathulak\AppData\Roaming\npm 9 verbose lifecycle ng-uikit-pro-standard-lib@7.5.4~start: CWD: C:\Working\ng-uikit-pro-standard-7.5.4\ng-uikit-pro-standard-7.5.4 10 silly lifecycle ng-uikit-pro-standard-lib@7.5.4~start: Args: [ '/d /s /c', 'ng serve' ] 11 silly lifecycle ng-uikit-pro-standard-lib@7.5.4~start: Returned: code: 1 signal: null 12 info lifecycle ng-uikit-pro-standard-lib@7.5.4~start: Failed to exec start script 13 verbose stack Error: ng-uikit-pro-standard-lib@7.5.4 start: ng serve 13 verbose stack Exit status 1 13 verbose stack at EventEmitter. (C:\Users\surabathulak\AppData\Roaming\npm\node_modules\npm\node_modules\npm-lifecycle\index.js:301:16) 13 verbose stack at EventEmitter.emit (events.js:198:13) 13 verbose stack at ChildProcess. (C:\Users\surabathulak\AppData\Roaming\npm\node_modules\npm\node_modules\npm-lifecycle\lib\spawn.js:55:14) 13 verbose stack at ChildProcess.emit (events.js:198:13) 13 verbose stack at maybeClose (internal/child_process.js:982:16) 13 verbose stack at Process.ChildProcess._handle.onexit (internal/child_process.js:259:5) 14 verbose pkgid ng-uikit-pro-standard-lib@7.5.4 15 verbose cwd C:\Working\ng-uikit-pro-standard-7.5.4\ng-uikit-pro-standard-7.5.4 16 verbose Windows_NT 10.0.15063 17 verbose argv "C:\Program Files\nodejs\node.exe" "C:\Users\surabathulak\AppData\Roaming\npm\node_modules\npm\bin\npm-cli.js" "start" 18 verbose node v10.16.0 19 verbose npm v6.9.0 20 error code ELIFECYCLE 21 error errno 1 22 error ng-uikit-pro-standard-lib@7.5.4 start: ng serve 22 error Exit status 1 23 error Failed at the ng-uikit-pro-standard-lib@7.5.4 start script. 23 error This is probably not a problem with npm. There is likely additional logging output above. 24 verbose exit [ 1, true ]


Arkadiusz Idzikowski staff commented 3 years ago

Please paste here the content of your package.json file (make sure to remove your private token if you use one).


surabathula karthik pro commented 3 years ago

Package.json

{ "name": "ng-uikit-pro-standard-lib", "version": "7.5.4", "license": "SEE LICENSE IN ", "scripts": { "ng": "ng", "start": "ng serve", "build": "ng build", "test": "ng test", "lint": "ng lint", "e2e": "ng e2e", "remove-demo-unix": "rm -rf projects && rm angular.json && mv angular-clean.json angular.json", "remove-demo-windows": "rmdir /s /q projects && del angular.json && ren angular-clean.json angular.json" }, "//": "git+https://oauth2:REPLACE_WITH_YOUR_TOKEN@git.mdbootstrap.com/mdb/angular/ng-uikit-pro-standard.git", "private": true, "dependencies": { "@agm/core": "^1.0.0-beta.3", "@angular/animations": "^7.2.1", "@angular/common": "^7.2.1", "@angular/core": "^7.2.1", "@angular/forms": "^7.2.1", "@angular/http": "^7.2.1", "@angular/platform-browser": "^7.2.1", "@angular/platform-browser-dynamic": "^7.2.1", "@angular/platform-server": "^7.2.1", "@fortawesome/fontawesome-free": "^5.6.3", "ngx-facebook": "2.4.0", "angular5-csv": "0.2.10", "@angular/router": "^7.2.1", "chart.js": "2.7.3", "classlist.js": "1.1.x", "core-js": "2.5.7", "font-awesome": "^4.7.0", "easy-pie-chart": "2.1.x", "hammerjs": "2.0.x", "jarallax": "^1.10.3", "ng-uikit-pro-standard": "file:ng-uikit-pro-standard-7.5.4.tgz", "rxjs": "^6.0.0", "screenfull": "3.3.x", "smoothscroll-polyfill": "0.4.3", "web-animations-js": "2.3.x", "zone.js": "0.8.x" }, "devDependencies": { "@angular-devkit/build-angular": "^0.13.9", "@angular/cli": "^7.2.2", "@angular/compiler": "^7.2.1", "@angular/compiler-cli": "^7.2.1", "@angular/language-service": "^7.2.1", "@types/jasmine": "3.3.0", "@types/node": "~10.12.10", "codelyzer": "~4.5.0", "jasmine-core": "~3.3.0", "jasmine-spec-reporter": "~4.2.1", "karma": "^4.1.0", "karma-chrome-launcher": "~2.2.0", "karma-cli": "~1.0.1", "karma-coverage-istanbul-reporter": "^2.0.4", "karma-jasmine": "~2.0.1", "karma-jasmine-html-reporter": "^1.4.0", "protractor": "^5.4.1", "ts-node": "~7.0.1", "tslint": "~5.11.0", "typescript": "~3.1.6", "webpack": "^4.3.0", "webpack-cli": "^3.3.4" } }


surabathula karthik pro commented 3 years ago

Is the latest version of mdb_angualr(7.5.4) has any Node JS version dependency, if so which version could you please let me know.


Damian Gemza staff answered 3 years ago


Please try the advice from this SO ticket.

You should update the webpack dependency version to use something higher than 4.29 (^4.2.9 should be okay).

Please let me know if this problem is resolved or not.

Best Regards,

Damian


surabathula karthik pro commented 3 years ago

Hi Damian,

I tried to change

"webpack": "^4.3.0", --> ^4.2.9 "webpack-cli": "^3.3.4" --> ^4.2.9

In both cases i am getting below error. Could you please check.

Could you please post package.json that you are suggesting.

Is it possible to provide latest md_angular pro for download. that would be very helpful.

ng-uikit-pro-standard-lib@7.5.4 start C:\Working\ng-uikit-pro-standard-7.5.4 ng serve

** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ ** 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 (C:\Working\ng-uikit-pro-standard-7.5.4\node_modules\webpack\lib\webpack.js:31:9) at Observable.rxjs_1.Observable.obs [as _subscribe] (C:\Working\ng-uikit-pro-standard-7.5.4\node_modules\@angular-devkit\build-webpack\src\webpack-dev-server\index.js:39:37) at Observable._trySubscribe (C:\Working\ng-uikit-pro-standard-7.5.4\node_modules\rxjs\internal\Observable.js:44:25) at Observable.subscribe (C:\Working\ng-uikit-pro-standard-7.5.4\node_modules\rxjs\internal\Observable.js:30:22) at C:\Working\ng-uikit-pro-standard-7.5.4\node_modules\rxjs\internal\util\subscribeTo.js:22:31 at Object.subscribeToResult (C:\Working\ng-uikit-pro-standard-7.5.4\node_modules\rxjs\internal\util\subscribeToResult.js:10:45) at MergeMapSubscriber._innerSub (C:\Working\ng-uikit-pro-standard-7.5.4\node_modules\rxjs\internal\operators\mergeMap.js:82:29) at MergeMapSubscriber._tryNext (C:\Working\ng-uikit-pro-standard-7.5.4\node_modules\rxjs\internal\operators\mergeMap.js:76:14) at MergeMapSubscriber._next (C:\Working\ng-uikit-pro-standard-7.5.4\node_modules\rxjs\internal\operators\mergeMap.js:59:18) at MergeMapSubscriber.Subscriber.next (C:\Working\ng-uikit-pro-standard-7.5.4\node_modules\rxjs\internal\Subscriber.js:67:18) at TapSubscriber._next (C:\Working\ng-uikit-pro-standard-7.5.4\node_modules\rxjs\internal\operators\tap.js:65:26) at TapSubscriber.Subscriber.next (C:\Working\ng-uikit-pro-standard-7.5.4\node_modules\rxjs\internal\Subscriber.js:67:18) at MergeMapSubscriber.notifyNext (C:\Working\ng-uikit-pro-standard-7.5.4\node_modules\rxjs\internal\operators\mergeMap.js:92:26) at InnerSubscriber._next (C:\Working\ng-uikit-pro-standard-7.5.4\node_modules\rxjs\internal\InnerSubscriber.js:28:21) at InnerSubscriber.Subscriber.next (C:\Working\ng-uikit-pro-standard-7.5.4\node_modules\rxjs\internal\Subscriber.js:67:18) at MergeMapSubscriber.notifyNext (C:\Working\ng-uikit-pro-standard-7.5.4\node_modules\rxjs\internal\operators\mergeMap.js:92:26) npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! ng-uikit-pro-standard-lib@7.5.4 start: ng serve npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the ng-uikit-pro-standard-lib@7.5.4 start script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\surabathulak\AppData\Roaming\npm-cache_logs\2019-06-18T11_39_46_361Z-debug.log


Damian Gemza staff commented 3 years ago

I have tried to reproduce your problem on Windows 10 machine but without success.

I have downloaded a fresh MDB Angular Free 7.5.4 zip project, unzipped it, installed and ran npm start command. Everything is working fine, there's no such error.

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

Best Regards,

Damian


surabathula karthik pro commented 3 years ago

Hi Damian,

Folder size is more than 100MB so i have uploaded to below link, link is valid for 1 Week

https://we.tl/t-yaSQ2jkdi2

Could you please check.

Regards, Karthik


Damian Gemza staff answered 3 years ago


Dear @surabathula karthik

Please remove the package-lock.json file and execute the npm install webpack@latest --save-dev command in the application terminal.

Advice: If you're sending the application to someone, do not attach the node_modules directory, because it's useless.

Best Regards,

Damian


surabathula karthik pro commented 3 years ago

Thank you Damian. It worked



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

  • User: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 7.5.4
  • Device: PC
  • Browser: Chrome
  • OS: Windows
  • Provided sample code: No
  • Provided link: Yes