Update Packages
Hello,
I am working in the angular version of metronic 8 and have downloaded latest version as well.
When I ran the npm outdated, it shows following packages needs to be updated.
Hence, Should I update it or not? will it break anything in the dashboard or not?
I was trying to install ngx-pagination and it was showing dependancy issues of other packages. I tried outdated command to figure out the versions.
Anyways, Please let me know asap.
Thanks.
Durvesh parmar
Replies (4)
Hello,
Adding packages list in comments as it was not allowing me to edit or add the list in description.
Package Current Wanted Latest
@angular-devkit/build-angular 15.1.2 15.1.6 15.1.6
@angular-eslint/builder 15.2.0 15.2.1 15.2.1
@angular-eslint/eslint-plugin 15.2.0 15.2.1 15.2.1
@angular-eslint/eslint-plugin-template 15.2.0 15.2.1 15.2.1
@angular-eslint/schematics 15.2.0 15.2.1 15.2.1
@angular-eslint/template-parser 15.2.0 15.2.1 15.2.1
@angular/animations 15.1.1 15.1.5 15.1.5
@angular/common 15.1.1 15.1.5 15.1.5
@angular/compiler 15.1.1 15.1.5 15.1.5
@angular/core 15.1.1 15.1.5 15.1.5
@angular/forms 15.1.1 15.1.5 15.1.5
@angular/localize 15.1.1 15.1.5 15.1.5
@angular/material 15.1.1 15.1.5 15.1.5
@angular/platform-browser 15.1.1 15.1.5 15.1.5
@angular/platform-browser-dynamic 15.1.1 15.1.5 15.1.5
@angular/router 15.1.1 15.1.5 15.1.5
@fortawesome/fontawesome-free 6.1.1 6.1.1 6.3.0
@types/bootstrap 5.1.12 5.1.12 5.2.6
@types/node 17.0.36 17.0.36 18.14.0
@typescript-eslint/eslint-plugin 5.27.0 5.27.0 5.53.0
@typescript-eslint/parser 5.27.0 5.27.0 5.53.0
apexcharts 3.35.3 3.35.3 3.37.0
bootstrap 5.3.0-alpha1 5.3.0-alpha1 5.2.3
bootstrap-icons 1.8.3 1.8.3 1.10.3
css-loader 6.7.1 6.7.1 6.7.3
del 6.0.0 6.0.0 7.0.0
eslint 8.16.0 8.16.0 8.34.0
mini-css-extract-plugin 2.6.1 2.6.1 2.7.2
ng-apexcharts 1.7.1 1.7.1 1.7.4
nouislider 15.6.0 15.6.0 15.7.0
prismjs 1.28.0 1.28.0 1.29.0
sass-loader 13.0.2 13.0.2 13.2.0
tslib 2.4.1 2.5.0 2.5.0
typescript 4.9.4 4.9.5 4.9.5
webpack 5.74.0 5.74.0 5.75.0
webpack-cli 4.10.0 4.10.0 5.0.1Thanks.
Hi,
Thank you for your feedback on this.
Usually, major updates require changes so we can't confirm it at the moment.
We are currently preparing the next update for Metronic and in 2-3, we will release it. We will double-check those outdated packages and fully test it with the rest of the dependent parts of our core app.
Regards.
Hi,
Thanks for your response.
I will keep in mind and I will wait for your update regarding this.
Thanks.
Regards.
Hi,
Please use this updated list package.json. Hope it will fix the issue. We will include the fix in the next update soon.
{
"name": "demo1",
"version": "8.1.7",
"scripts": {
"ng": "ng",
"start": "ng serve",
"build": "ng build",
"watch": "ng build --watch --configuration development",
"rtl": "webpack --config=rtl.config.js",
"test": "ng test",
"lint": "ng lint"
},
"private": true,
"dependencies": {
"@angular/animations": "^15.1.0",
"@angular/common": "^15.1.0",
"@angular/compiler": "^15.1.0",
"@angular/core": "^15.1.0",
"@angular/forms": "^15.1.0",
"@angular/localize": "^15.1.0",
"@angular/material": "^15.1.0",
"@angular/platform-browser": "^15.1.0",
"@angular/platform-browser-dynamic": "^15.1.0",
"@angular/router": "^15.1.0",
"@fortawesome/fontawesome-free": "^6.3.0",
"@ng-bootstrap/ng-bootstrap": "^14.0.1",
"@ngx-translate/core": "14.0.0",
"@ngx-translate/http-loader": "7.0.0",
"@popperjs/core": "2.11.6",
"angular-in-memory-web-api": "^0.15.0",
"animate.css": "4.1.1",
"apexcharts": "^3.37.1",
"bootstrap": "5.3.0-alpha1",
"bootstrap-icons": "^1.10.3",
"clipboard": "2.0.11",
"line-awesome": "1.3.0",
"ng-apexcharts": "^1.7.4",
"ng-inline-svg-2": "^15.0.1",
"ngx-clipboard": "15.1.0",
"nouislider": "^15.7.0",
"object-path": "0.11.8",
"prism-themes": "1.9.0",
"prismjs": "^1.29.0",
"rxjs": "~7.8.0",
"socicon": "3.0.5",
"tslib": "^2.3.0",
"zone.js": "~0.12.0"
},
"devDependencies": {
"@angular-devkit/build-angular": "^15.1.2",
"@angular-eslint/builder": "^15.2.0",
"@angular-eslint/eslint-plugin": "^15.2.0",
"@angular-eslint/eslint-plugin-template": "^15.2.0",
"@angular-eslint/schematics": "^15.2.0",
"@angular-eslint/template-parser": "^15.2.0",
"@angular/cli": "~15.2.0",
"@angular/compiler-cli": "^15.1.0",
"@types/bootstrap": "^5.2.6",
"@types/jasmine": "~4.3.0",
"@types/node": "^18.14.2",
"@types/object-path": "0.11.1",
"@types/prismjs": "1.26.0",
"@typescript-eslint/eslint-plugin": "^5.54.0",
"@typescript-eslint/parser": "^5.54.0",
"@types/sass-loader": "8.0.3",
"css-loader": "^6.7.3",
"del": "^7.0.0",
"eslint": "^8.35.0",
"jasmine-core": "~4.5.0",
"karma": "~6.4.0",
"karma-chrome-launcher": "~3.1.0",
"karma-coverage": "~2.2.0",
"karma-jasmine": "~5.1.0",
"karma-jasmine-html-reporter": "~2.0.0",
"mini-css-extract-plugin": "^2.7.2",
"rtlcss-webpack-plugin": "4.0.7",
"typescript": "~4.9.4",
"sass-loader": "^13.2.0",
"webpack": "^5.75.0",
"webpack-cli": "^5.0.1"
},
"resolutions": {
"autoprefixer": "10.4.5"
}
}Thanks
