Upgradation causing problem

[kumarimanjari]

I am trying to upgrade electron version but I am encountering several issues. Could you please have a look on package.json files and let me know what is wrong here -

{
  "name": "s3uploader",
  "version": "0.2.0",
  "description": "An UI for AWS S3",
  "displayName": "S3Uploader",
  "author": {
    "name": "Michael Lu",
    "email": "[email protected]"
  },
  "license": "SEE LICENSE IN LICENSE",
  "repository": {
    "type": "git",
    "url": "https://github.com/Yamazaki93/s3uploader"
  },
  "main": "./dist/main.js",
  "scripts": {
    "build": "tsc --inlineSourceMap false",
    "build-prod": "tsc --inlineSourceMap false --sourceMap false",
    "watch": "tsc -w",
    "build-tests": "rimraf app/tests/dist && tsc -p app/tests",
    "test": "npm run build && npm run build-tests && mocha --timeout 20000 \"./app/tests/dist/**/*.js\"",
    "test:unit": "npm run build && npm run build-tests && mocha --timeout 20000 \"./app/tests/dist/tests/unit/*.js\"",
    "test:ci": "npm run build && npm run build-tests && mocha --reporter mocha-jenkins-reporter --timeout 20000 \"./app/tests/dist/tests/unit/**/*.js\"",
    "test:all": "npm run build && npm run build-tests && mocha -R mocha-jenkins-reporter --timeout 20000 \"./app/tests/dist/**/*.js\"",
    "test:one": "npm run build && npm run build-tests && mocha --watch -u bdd \"./app/tests/dist/**/*.js\"",
    "lint": "tslint -c tslint.json -p tsconfig.json",
    "start": "npm run build && electron ./dist/main.js",
    "postinstall": "electron-builder install-app-deps",
    "dist": "npm run build && electron-builder --publish never"
  },
  "build": {
    "appId": "com.rhodiumcode.s3uploader",
    "productName": "S3Uploader",
    "generateUpdatesFilesForAllChannels": true,
    "files": [
      "**/*",
      "!**/node_modules/*/{CHANGELOG.md,README.md,README,readme.md,readme}",
      "!**/node_modules/*/{test,__tests__,tests,powered-test,example,examples}",
      "!**/node_modules/*.d.ts",
      "!**/node_modules/.bin",
      "!**/*.{iml,o,hprof,orig,pyc,pyo,rbc,swp,csproj,sln,xproj}",
      "!.editorconfig",
      "!**/._*",
      "!**/{.DS_Store,.git,.hg,.svn,CVS,RCS,SCCS,.gitignore,.gitattributes}",
      "!**/{__pycache__,thumbs.db,.flowconfig,.idea,.vs,.nyc_output}",
      "!**/{appveyor.yml,.travis.yml,circle.yml}",
      "!**/{npm-debug.log,yarn.lock,.yarn-integrity,.yarn-metadata.json}",
      "!dist-electron",
      "!app",
      "!*.json",
      "!build.ps1",
      "!README.md",
      "!yarn.lock",
      "!Jenkinsfile",
      "!misc",
      "!.vscode"
    ],
    "directories": {
      "buildResources": "build",
      "output": "dist-electron"
    },
    "publish": {
      "provider": "github"
    },
    "mac": {
      "target": [
        {
          "target": "dmg"
        },
        {
          "target": "zip"
        }
      ],
      "icon": "build/icon.icns",
      "category": "public.app-category.productivity"
    },
    "win": {
      "target": "nsis",
      "icon": "build/icon.ico"
    },
    "extends": null
  },
  "devDependencies": {
    "@types/mocha": "^5.2.5",
    "@types/rimraf": "^2.0.2",
    "@types/sinon": "^5.0.5",
    "@types/uuid": "^3.4.4",
    "chai": "^4.2.0",
    "chai-as-promised": "^7.1.1",
    "electron": "7.2.4",
    "electron-builder": "^20.44.4",
    "electron-chromedriver": "^3.0.0-beta.1",
    "mocha": "^5.2.0",
    "mocha-jenkins-reporter": "^0.4.1",
    "rimraf": "^2.6.2",
    "spectron": "^4.0.0",
    "tslint": "^5.10.0",
    "typescript": "^3.1.6"
  },
  "dependencies": {
    "aws-sdk": "^2.334.0",
    "axios": "^0.19.0",
    "electron-google-analytics": "^0.1.0",
    "electron-log": "^3.0.1",
    "electron-updater": "^4.0.0",
    "sinon": "^7.0.0",
    "uuid": "^3.3.2"
  }
}

Package.json present in Frontend folder -

{
  "name": "frontend",
  "version": "0.0.0",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test --browsers ChromeHeadless",
    "test:ci": "./node_modules/.bin/ng test --browsers ChromeHeadless --watch false",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "~10.0.1",
    "@angular/common": "~10.0.1",
    "@angular/compiler": "~10.0.1",
    "@angular/core": "~10.0.1",
    "@angular/forms": "~10.0.1",
    "@angular/platform-browser": "~10.0.1",
    "@angular/platform-browser-dynamic": "~10.0.1",
    "@angular/router": "~10.0.1",
    "@ng-select/ng-select": "^2.18.0",
    "angular2-datetimepicker": "^1.1.1",
    "core-js": "^2.5.4",
    "rxjs": "~6.5.5",
    "tslib": "^1.9.0",
    "zone.js": "~0.10.3",
    "angular2-draggable": "^2.1.7",
    "angular2-notifications": "9.0.0",
    "intl": "^1.2.5",
    "uuid": "^3.3.2",
    "web-animations-js": "^2.3.1"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "~0.1000.0",
    "@angular/cli": "~10.0.0",
    "@angular/compiler-cli": "~10.0.1",
    "@angular/language-service": "~10.0.1",
    "@types/jasmine": "~2.8.8",
    "@types/jasminewd2": "~2.0.3",
    "@types/node": "12.12.31",
    "codelyzer": "~4.5.0",
    "jasmine-core": "~2.99.1",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "~4.0.0",
    "karma-chrome-launcher": "~2.2.0",
    "karma-coverage-istanbul-reporter": "~2.0.1",
    "karma-jasmine": "~1.1.2",
    "karma-jasmine-html-reporter": "^0.2.2",
    "protractor": "~5.4.0",
    "ts-node": "~7.0.0",
    "tslint": "~5.11.0",
    "typescript": "3.9.6"
  }
}

Node version - 12.13.0
NPM version - 6.14.5
Electron - 7.2.4
@types/node - 12.12.31

After making build using ./build.ps1 when I am trying to start the application using npm start it says electron is not defined.

I have added
webPrefrences {
nodeIntegration: true }
in main.ts file