Topic: mdbootstrap configuration.output has an unknown property 'futureemitassets'. these properties are valid
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 ]
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 5 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 5 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 5 years ago
Hi Damian,
Folder size is more than 100MB so i have uploaded to below link, link is valid for 1 Week
Could you please check.
Regards, Karthik
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
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Resolved
- 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
Arkadiusz Idzikowski staff commented 5 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 5 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 5 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.