Electron and other dependencies upgrade help

I have generated freshly generated the project and noticed that electron version is old 2.0.4 and latest version is 4.0.1 https://www.npmjs.com/package/electron.

How can I perform safe upgrade operation on existing generated project. I need help to upgrade all dependencies.

[jperez2511]

hi @mumairofficial i’m use this dependencies

"dependencies": {
    "vue": "^2.5.22",
    "axios": "^0.18.0",
    "vue-electron": "^1.0.6",
    "vue-router": "^3.0.2",
    "vuex": "^3.1.0",
    "vuex-electron": "^1.0.3"
  },
  "devDependencies": {
    "ajv": "^6.7.0",
    "babel-core": "^6.26.3",
    "babel-loader": "^7.1.5",
    "babel-plugin-transform-runtime": "^6.23.0",
    "babel-preset-env": "^1.7.0",
    "babel-preset-stage-0": "^6.24.1",
    "babel-register": "^6.26.0",
    "babili-webpack-plugin": "^0.1.2",
    "cfonts": "^2.4.0",
    "chalk": "^2.4.2",
    "copy-webpack-plugin": "^4.6.0",
    "cross-env": "^5.2.0",
    "css-loader": "^2.1.0",
    "del": "^3.0.0",
    "devtron": "^1.4.0",
    "electron": "^4.0.3",
    "electron-debug": "^2.1.0",
    "electron-devtools-installer": "^2.2.4",
    "electron-builder": "^20.38.5",
    "mini-css-extract-plugin": "0.5",
    "file-loader": "^3.0.1",
    "html-webpack-plugin": "^3.2.0",
    "multispinner": "^0.2.1",
    "node-loader": "^0.6.0",
    "node-sass": "^4.11.0",
    "sass-loader": "^7.1.0",
    "style-loader": "^0.23.1",
    "url-loader": "^1.1.2",
    "vue-html-loader": "^1.2.4",
    "vue-loader": "^15.6.2",
    "vue-style-loader": "^4.1.2",
    "vue-template-compiler": "^2.5.22",
    "webpack-cli": "^3.2.1",
    "webpack": "^4.29.0",
    "webpack-dev-server": "^3.1.4",
    "webpack-hot-middleware": "^2.24.3",
    "webpack-merge": "^4.2.1"
  }

[lysla]

I did update everything (including babel) and for me like this its working. 🎉

"dependencies": {
    "@babel/polyfill": "^7.2.5",
    "@babel/runtime": "^7.3.4",
    "axios": "^0.18.0",
    "bootstrap": "^4.3.1",
    "vue": "^2.6.7",
    "vue-router": "^3.0.1",
    "vuex": "^3.0.1",
    "vuex-electron": "^1.0.0"
  },
  "devDependencies": {
    "@babel/cli": "^7.2.3",
    "@babel/core": "^7.3.4",
    "@babel/plugin-transform-runtime": "^7.3.4",
    "@babel/preset-env": "^7.3.4",
    "@babel/register": "^7.0.0",
    "ajv": "^6.9.2",
    "babel-loader": "^8.0.5",
    "babili-webpack-plugin": "^0.1.2",
    "cfonts": "^2.1.2",
    "chalk": "^2.4.1",
    "copy-webpack-plugin": "^5.0.0",
    "cross-env": "^5.1.6",
    "css-loader": "^2.1.0",
    "del": "^3.0.0",
    "devtron": "^1.4.0",
    "electron": "^4.0.6",
    "electron-builder": "^20.19.2",
    "electron-debug": "^2.1.0",
    "electron-devtools-installer": "^2.2.4",
    "file-loader": "^3.0.1",
    "html-webpack-plugin": "^3.2.0",
    "mini-css-extract-plugin": "^0.5.0",
    "multispinner": "^0.2.1",
    "node-loader": "^0.6.0",
    "node-sass": "^4.9.2",
    "sass-loader": "^7.0.3",
    "style-loader": "^0.23.1",
    "url-loader": "^1.0.1",
    "vue-html-loader": "^1.2.4",
    "vue-loader": "^15.7.0",
    "vue-style-loader": "^4.1.0",
    "vue-template-compiler": "^2.6.7",
    "webpack": "^4.29.6",
    "webpack-cli": "^3.0.8",
    "webpack-dev-server": "^3.2.1",
    "webpack-hot-middleware": "^2.22.2",
    "webpack-merge": "^4.1.3"
  }