npm won't change version - node.js

I'm trying to change npm versions from 6.4.1 to 8.12.0 and it refuses to change. I'm running Windows x64. I've tried uninstalling, rebooting, deleting the AppData\Roaming\npm related files, installing the new version from nodejs.org, and running npm install again. I've tried where.exe npm to find more files. I've tried specifying the version number in npm install. Nothing works.
npm -v still returns 6.4.1.
Interestingly,
npm view npm versions --json
returns this:
[
"1.1.25",
"1.1.70",
"1.1.71",
"1.2.19",
"1.2.20",
"1.2.21",
"1.2.22",
"1.2.23",
"1.2.24",
"1.2.25",
"1.2.27",
"1.2.28",
"1.2.30",
"1.2.31",
"1.2.32",
"1.2.8000",
"1.3.0",
"1.3.1",
"1.3.2",
"1.3.4",
"1.3.5",
"1.3.6",
"1.3.7",
"1.3.8",
"1.3.9",
"1.3.10",
"1.3.11",
"1.3.12",
"1.3.13",
"1.3.14",
"1.3.15",
"1.3.16",
"1.3.17",
"1.3.18",
"1.3.20",
"1.3.21",
"1.3.22",
"1.3.23",
"1.3.24",
"1.3.25",
"1.3.26",
"1.4.0",
"1.4.1",
"1.4.2",
"1.4.3",
"1.4.4",
"1.4.5",
"1.4.6",
"1.4.7",
"1.4.8",
"1.4.9",
"1.4.10",
"1.4.11",
"1.4.12",
"1.4.13",
"1.4.14",
"1.4.15",
"1.4.16",
"1.4.17",
"1.4.18",
"1.4.19",
"1.4.20",
"1.4.21",
"1.4.22",
"1.4.23",
"1.4.24",
"1.4.25",
"1.4.26",
"1.4.27",
"1.4.28",
"1.4.29",
"1.5.0-alpha-0",
"1.5.0-alpha-1",
"1.5.0-alpha-2",
"1.5.0-alpha-3",
"1.5.0-alpha-4",
"2.0.0-alpha.6",
"2.0.0-alpha.6.0",
"2.0.0-alpha.7",
"2.0.0-alpha-5",
"2.0.0-beta.0",
"2.0.0-beta.1",
"2.0.0-beta.2",
"2.0.0-beta.3",
"2.0.0",
"2.0.1",
"2.0.2",
"2.1.0",
"2.1.1",
"2.1.2",
"2.1.3",
"2.1.4",
"2.1.5",
"2.1.6",
"2.1.7",
"2.1.8",
"2.1.9",
"2.1.10",
"2.1.11",
"2.1.12",
"2.1.13",
"2.1.14",
"2.1.15",
"2.1.16",
"2.1.17",
"2.1.18",
"2.2.0",
"2.3.0",
"2.4.0",
"2.4.1",
"2.5.0",
"2.5.1",
"2.6.0",
"2.6.1",
"2.7.0",
"2.7.1",
"2.7.2",
"2.7.3",
"2.7.4",
"2.7.5",
"2.7.6",
"2.8.0",
"2.8.1",
"2.8.2",
"2.8.3",
"2.8.4",
"2.9.0",
"2.9.1",
"2.10.0",
"2.10.1",
"2.11.0",
"2.11.1",
"2.11.2",
"2.11.3",
"2.12.0",
"2.12.1",
"2.13.0",
"2.13.1",
"2.13.2",
"2.13.3",
"2.13.4",
"2.13.5",
"2.14.0",
"2.14.1",
"2.14.2",
"2.14.3",
"2.14.4",
"2.14.5",
"2.14.6",
"2.14.7",
"2.14.8",
"2.14.9",
"2.14.10",
"2.14.11",
"2.14.12",
"2.14.13",
"2.14.14",
"2.14.15",
"2.14.16",
"2.14.17",
"2.14.18",
"2.14.19",
"2.14.20",
"2.14.21",
"2.14.22",
"2.15.0",
"2.15.1",
"2.15.2",
"2.15.3",
"2.15.4",
"2.15.5",
"2.15.6",
"2.15.7",
"2.15.8",
"2.15.9",
"2.15.10",
"2.15.11",
"2.15.12",
"3.0.0",
"3.1.0",
"3.1.1",
"3.1.2",
"3.1.3",
"3.2.0",
"3.2.1",
"3.2.2",
"3.3.0",
"3.3.1",
"3.3.2",
"3.3.3",
"3.3.4",
"3.3.5",
"3.3.6",
"3.3.7",
"3.3.8",
"3.3.9",
"3.3.10",
"3.3.11",
"3.3.12",
"3.4.0",
"3.4.1",
"3.5.0",
"3.5.1",
"3.5.2",
"3.5.3",
"3.5.4",
"3.6.0",
"3.7.0",
"3.7.1",
"3.7.2",
"3.7.3",
"3.7.4",
"3.7.5",
"3.8.0",
"3.8.1",
"3.8.2",
"3.8.3",
"3.8.4",
"3.8.5",
"3.8.6",
"3.8.7",
"3.8.8",
"3.8.9",
"3.9.0",
"3.9.1",
"3.9.2",
"3.9.3",
"3.9.4",
"3.9.5",
"3.9.6",
"3.10.0",
"3.10.1",
"3.10.2",
"3.10.3",
"3.10.4",
"3.10.5",
"3.10.6",
"3.10.7",
"3.10.8",
"3.10.9",
"3.10.10",
"4.0.0",
"4.0.1",
"4.0.2",
"4.0.3",
"4.0.5",
"4.1.0",
"4.1.1",
"4.1.2",
"4.2.0",
"4.3.0",
"4.4.0",
"4.4.1",
"4.4.2",
"4.4.3",
"4.4.4",
"4.5.0",
"4.6.0",
"4.6.1",
"5.0.0",
"5.0.1",
"5.0.2",
"5.0.3",
"5.0.4",
"5.1.0",
"5.2.0",
"5.3.0",
"5.4.0",
"5.4.1",
"5.4.2",
"5.5.0",
"5.5.1",
"5.6.0",
"5.7.0",
"5.7.1",
"5.8.0-next.0",
"5.8.0",
"5.9.0-next.0",
"5.10.0-next.0",
"5.10.0-next.1",
"5.10.0",
"6.0.0-next.0",
"6.0.0-next.1",
"6.0.0-next.2",
"6.0.0",
"6.0.1-next.0",
"6.0.1",
"6.1.0-next.0",
"6.1.0",
"6.2.0-next.0",
"6.2.0-next.1",
"6.2.0",
"6.3.0-next.0",
"6.3.0",
"6.4.0-next.0",
"6.4.0",
"6.4.1-next.0",
"6.4.1"
]
Please help!

You're probably confusing node's version with NPM.
The latest version of NPM as of now is 6.4.1, and of NodeJS is 11.2.0, so you are already at the latest version. 8.12.0 doesn't exist yet.
Check here:
https://www.npmjs.com/package/npm
https://nodejs.org/en/

Related

i'm error Module build failed (from ./node_modules/less-loader/dist/cjs.js)

Here is the package.json from my project, I've ran npm install.
npm run dev is working fine on localhost. After 1 hour, when I restart my computer, I got the following error
Module build failed (from ./node_modules/less-loader/dist/cjs.js): #import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght#400;700&family=Roboto:wght#100;300;400;500;700;900&display=swap'); #import url('https://fonts.googleapis.com/css2?family=Prompt:ital,wght#0,200;0,300;1,200&display=swap'); ^ Resource 'https://fonts.googleapis.com/css2?family=Prompt:ital,wght#0,200;0,300;1,200&display=swap' gave this Error: Error: socket hang up Error in C:\xampp\htdocs\frontend\assets\styles\custom.less (line 5, column 0)
I already solved this issue once by deleting my node_modules.
But here, even after removing my package-lock.json, the issue persists.
{
"dependencies": {
"#babel/core": "^7.16.5",
"#babel/preset-env": "^7.16.5",
"#fullcalendar/daygrid": "^5.8.0",
"#fullcalendar/interaction": "^5.8.0",
"#fullcalendar/timegrid": "^5.8.0",
"#fullcalendar/vue": "^5.8.0",
"#line/liff": "^2.8.0",
"#nuxt/content": "1.8.1",
"#nuxtjs/auth": "4.9.1",
"#nuxtjs/axios": "^5.12.2",
"#nuxtjs/dotenv": "^1.4.1",
"#nuxtjs/pwa": "3.0.2",
"ant-design-vue": "1.6.5",
"apexcharts": "^3.27.1",
"axios": "^0.20.0",
"bootstrap": "5.0.0-alpha2",
"downloadjs": "^1.4.7",
"html-to-image": "^1.6.2",
"nuxt": "2.14.4",
"nuxt-cookie-control": "1.9.9",
"nuxt-i18n": "6.13.12",
"object-fit-images": "^3.2.4",
"omise": "^0.8.5",
"quasar": "^1.15.21",
"vue-apexcharts": "^1.6.1",
"vue-fb-customer-chat": "^0.2.0",
"vue-google-oauth2": "^1.5.8",
"vue-meta": "^2.4.0",
"vue-social-sharing": "^3.0.7"
},
"devDependencies": {
"#nuxtjs/eslint-config": "3.1.0",
"#nuxtjs/eslint-module": "2.0.0",
"#nuxtjs/moment": "^1.6.1",
"#vue/test-utils": "1.0.5",
"babel-core": "7.0.0-bridge.0",
"babel-eslint": "10.1.0",
"babel-jest": "26.3.0",
"eslint": "7.8.1",
"eslint-plugin-nuxt": "1.0.0",
"jest": "26.4.2",
"less": "3.12.2",
"less-loader": "7.0.1",
"node-sass": "^4.14.1",
"sass": "^1.32.13",
"stylus": "^0.54.8",
"stylus-loader": "^6.1.0",
"vue-jest": "3.0.6"
}

Yarn install is giving error "https://registry.npmjs.org/esprima-fb/-/esprima-fb-3001.0001.0000-dev-harmony-fb.tgz: incorrect data check"

I have node version as v12.20.0 and npm version as 6.14.8 and when i do Yarn install i have been getting this "https://registry.npmjs.org/esprima-fb/-/esprima-fb-3001.0001.0000-dev-harmony-fb.tgz: incorrect data check" kind error constantly. I work in belgium but i have come to india for few weeks. Since in india i have started getting this issue. If this is related to proxy or VPN i am connected to my ofc vpn and its working fine. For proxy where should i check? Plus has anyone faced this error? please guide
Also i have been getting lots of warnings which i wasnt getting when in belgium
"dependencies": { "#adobe/react-native-acpanalytics": "1.2.6", "#adobe/react-native-acpcore": "1.4.0", "#adobe/react-native-aepassurance": "1.2.0", "#apollo/client": "3.3.8", "#dynatrace/react-native-plugin": "2.227.0", "#proximus/react-native-proximus-donuts": "2.0.3", "#react-native-clipboard/clipboard": "1.7.0", "#react-native-community/async-storage": "1.12.1", "#react-native-community/blur": "github:kyle-ssg/react-native-blur.git", "#react-native-community/datetimepicker": "3.4.7", "#react-native-community/geolocation": "2.0.2", "#react-native-community/masked-view": "0.1.11", "#react-native-community/netinfo": "4.7.0", "#react-native-community/progress-bar-android": "1.0.4", "#react-native-community/progress-view": "1.2.3", "#react-native-community/push-notification-ios": "1.8.0", "#react-native-community/react-native-cookies": "1.1.1", "#react-native-community/checkbox": "^0.5.7", "#react-native-firebase/analytics": "8.0.1", "#react-native-firebase/app": "9.0.0", "#react-native-firebase/crashlytics": "8.5.2", "#react-native-firebase/dynamic-links": "7.5.13", "#react-native-firebase/in-app-messaging": "7.5.10", "#react-native-firebase/messaging": "10.3.1", "#react-native-firebase/perf": "7.4.12", "#react-native-firebase/remote-config": "10.3.1", "#react-navigation/bottom-tabs": "5.11.7", "#react-navigation/core": "5.15.1", "#react-navigation/native": "5.9.2", "#react-navigation/stack": "5.14.2", "#react-navigation/drawer": "5.12.4", "#types/react-native-qrcode": "0.2.2", "#types/react-native-share": "1.1.6", "#types/semver": "7.3.4", "crypto-js": "3.3.0", "date-fns": "1.30.1", "geolib": "3.3.1", "graphql": "15.5.0", "graphql-ws": "2.0.1", "idx": "2.5.6", "localforage": "1.4.3", "lodash-es": "4.17.21", "lodash.debounce": "4.0.8", "lodash.throttle": "4.1.1", "query-string": "^6.13.6", "react": "17.0.1", "react-native": "0.64.1", "react-native-android-location-enabler": "1.2.2", "react-native-app-settings": "2.0.1", "react-native-carrier-info": "1.1.2", "react-native-check-app-install": "0.0.5", "react-native-config": "0.12.0", "react-native-counter-ts": "0.3.1", "react-native-device-info": "5.6.5", "react-native-elements": "1.2.7", "react-native-exception-handler": "2.10.9", "react-native-fs": "2.16.6", "react-native-geolocation-service": "5.2.0", "react-native-gesture-handler": "1.10.3", "react-native-get-random-values": "1.7.0", "react-native-htmlview": "0.16.0", "react-native-indicators": "0.16.0", "react-native-keychain": "6.2.0", "react-native-linear-gradient": "2.5.6", "react-native-localize": "1.4.3", "react-native-maps": "0.27.1", "react-native-network-info": "5.2.1", "react-native-netwatch": "1.2.6", "react-native-open-notification": "0.1.4", "react-native-paper": "4.8.1", "react-native-pdf": "6.3.0", "react-native-permissions": "2.2.2", "react-native-picker-select": "6.6.0", "react-native-ping": "1.2.6", "react-native-print": "0.7.0", "react-native-push-notification": "7.3.1", "react-native-qrcode-svg": "6.0.6", "react-native-rate": "1.2.9", "react-native-reanimated": "1.13.2", "react-native-render-html": "4.2.4", "react-native-responsive": "1.0.2", "react-native-safari-view": "2.1.0", "react-native-safe-area-context": "3.1.9", "react-native-screens": "2.16.1", "react-native-sensitive-info": "5.5.0", "react-native-settings": "0.2.3", "react-native-share": "3.8.5", "react-native-shared-preferences": "1.0.2", "react-native-splash-screen": "3.2.0", "react-native-super-grid": "4.0.3", "react-native-svg": "12.1.0", "react-native-svg-transformer": "0.14.3", "react-native-swipe-gestures": "1.0.5", "react-native-swipeable": "0.6.0", "react-native-user-defaults": "0.1.5", "react-native-vector-icons": "8.1.0", "react-native-view-more-text": "2.1.0", "react-native-pager-view": "5.1.10", "react-native-webview": "11.2.1", "react-navigation-backhandler": "2.0.1", "react-redux": "7.2.2", "redux": "4.0.5", "redux-action-log": "2.1.0", "redux-observable": "1.2.0", "redux-persist": "5.10.0", "redux-persist-filesystem-storage": "3.0.0", "redux-persist-sensitive-storage": "1.0.0", "redux-thunk": "2.3.0", "reselect": "4.0.0", "rgb-hex": "3.0.0", "rn-fetch-blob": "0.12.0", "rxjs": "6.6.3", "search-params": "2.1.3", "semver": "7.3.4", "subscriptions-transport-ws": "0.9.18", "url": "0.11.0", "utf8": "3.0.0", "uuid": "8.3.2", "victory-native": "35.3.3", "react-native-camera": "github:mathieusoupart-pxs/react-native-camera.git", "react-native-qrcode-scanner": "1.5.4", "react-native-wifi-reborn": "4.3.7", "react-native-tracking-transparency": "0.1.1", "xstate": "4.19.1", "#xstate/react": "1.3.3", "#proximus/atin-features": "5.25.0-4", "#proximus/atin-features": "5.23.0-4", "#proximus/fir-features": "5.24.0-1", "#proximus/external-features": "0.0.0-14" }, "devDependencies": { "#babel/core": "7.12.10", "#babel/preset-react": "7.12.10", "#babel/preset-typescript": "7.12.7", "#types/chai": "4.2.14", "#types/crypto-js": "3.1.43", "#types/enzyme": "3.10.8", "#types/express": "4.17.9", "#types/jasmine": "3.6.2", "#types/jest": "24.9.1", "#types/jsdom": "16.2.5", "#types/lodash-es": "4.17.4", "#types/lodash.debounce": "4.0.6", "#types/lodash.throttle": "4.1.6", "#types/mocha": "8.2.0", "#types/node": "12.19.0", "#types/react": "16.14.2", "#types/react-native": "0.63.52", "#types/react-native-htmlview": "0.12.2", "#types/react-native-i18n": "2.0.0", "#types/react-native-safari-view": "2.0.4", "#types/react-native-vector-icons": "6.4.6", "#types/react-redux": "7.1.12", "#types/react-test-renderer": "16.9.4", "#wdio/allure-reporter": "6.11.0", "#wdio/browserstack-service": "6.10.10", "#wdio/cli": "6.10.11", "#wdio/local-runner": "6.10.13", "#wdio/mocha-framework": "6.10.11", "#wdio/spec-reporter": "6.10.6", "#wdio/sync": "6.10.11", "allure-commandline": "2.13.8", "appium": "1.22.0", "appium-webdriveragent": "3.9.2", "babel-jest": "26.6.3", "babel-plugin-module-resolver": "4.1.0", "babel-plugin-transform-es2015-modules-commonjs": "6.26.2", "chai": "4.2.0", "chromedriver": "90.0.0", "enzyme": "3.11.0", "enzyme-adapter-react-16": "1.15.5", "enzyme-to-json": "3.6.1", "express": "4.17.1", "jest": "26.6.3", "jest-date-mock": "1.0.8", "jest-fetch-mock": "2.1.2", "jest-html-reporters": "2.1.2", "jest-sonar-reporter": "2.0.0", "madge": "5.0.1", "metro-react-native-babel-preset": "0.64.0", "mock-async-storage": "2.2.0", "node-fetch": "2.1.2", "prettier": "1.19.1", "react-dom": "16.14.0", "react-native-clean-project": "3.4.0", "react-test-renderer": "17.0.1", "reactotron-react-native": "5.0.0", "reactotron-redux": "3.1.3", "redux-mock-store": "1.5.4", "shelljs": "0.7.8", "ts-jest": "26.4.4", "ts-node": "9.1.1", "tslint": "5.20.1", "tslint-config-airbnb-base": "0.3.0", "tslint-config-prettier": "1.18.0", "tslint-etc": "1.13.9", "tslint-react": "4.2.0", "typescript": "4.1.5", "tsconfig-paths": "3.9.0" },

Error: Metadata version mismatch for module #ionic-native/core/decorators.d.ts

I can build my ionic project with ionic cordova build ios but when I build with --release --prod options I got this error :
Error: Metadata version mismatch for module
node_modules/#ionic-native/core/decorators.d.ts, found version 4, expected 3
I know it's a #ionic-native plugins version issue but I cannot fix it. I found a lot of git issues or forum but no one have the same versions as me.
Here are my dependencies :
"dependencies": {
"#angular/common": "^4.4.7",
"#angular/compiler": "^4.4.7",
"#angular/compiler-cli": "^4.4.7",
"#angular/core": "^4.4.7",
"#angular/forms": "^4.4.7",
"#angular/http": "^4.4.7",
"#angular/platform-browser": "^4.4.7",
"#angular/platform-browser-dynamic": "^4.4.7",
"#firebase/app": "^0.1.10",
"#ionic-native/background-mode": "^4.17.0",
"#ionic-native/camera": "^4.17.0",
"#ionic-native/core": "^4.17.0",
"#ionic-native/facebook": "^4.17.0",
"#ionic-native/file": "^4.17.0",
"#ionic-native/file-transfer": "^4.17.0",
"#ionic-native/firebase-analytics": "^4.17.0",
"#ionic-native/google-maps": "^4.15.1",
"#ionic-native/google-plus": "^4.17.0",
"#ionic-native/in-app-browser": "^4.17.0",
"#ionic-native/in-app-purchase": "^4.17.0",
"#ionic-native/local-notifications": "^4.17.0",
"#ionic-native/media": "^4.17.0",
"#ionic-native/native-audio": "^4.17.0",
"#ionic-native/social-sharing": "^4.17.0",
"#ionic-native/splash-screen": "^4.17.0",
"#ionic-native/status-bar": "^4.17.0",
"#ionic-native/vibration": "^4.17.0",
"#ionic/storage": "^2.0.1",
"#ngx-translate/core": "6.0.1",
"#ngx-translate/http-loader": "0.0.3",
"#types/stripe": "^3.0.0",
"ajv": "^5.5.2",
"angular-svg-round-progressbar": "1.1.1",
"angular2-swiper": "^0.8.1",
"angularfire2": "^5.1.0",
"cordova-android": "^6.2.3",
"cordova-android-support-gradle-release": "^1.2.0",
"cordova-browser": "^4.1.0",
"cordova-ios": "^4.5.5",
"cordova-plugin-app-event": "^1.2.1",
"cordova-plugin-background-mode": "^0.7.2",
"cordova-plugin-compat": "^1.2.0",
"cordova-plugin-console": "^1.1.0",
"cordova-plugin-device": "^1.1.7",
"cordova-plugin-facebook4": "^1.9.1",
"cordova-plugin-file": "^6.0.1",
"cordova-plugin-file-transfer": "^1.7.1",
"cordova-plugin-firebase-analytics": "^0.14.0",
"cordova-plugin-googleplus": "^5.3.2",
"cordova-plugin-inappbrowser": "^1.7.2",
"cordova-plugin-inapppurchase": "^1.2.0",
"cordova-plugin-local-notification": "^0.9.0-beta.2",
"cordova-plugin-media": "^5.0.2",
"cordova-plugin-nativeaudio": "^3.0.9",
"cordova-plugin-splashscreen": "^5.0.2",
"cordova-plugin-statusbar": "^2.4.1",
"cordova-plugin-vibration": "^2.1.6",
"cordova-plugin-whitelist": "^1.3.3",
"cordova-plugin-x-socialsharing": "^5.4.3",
"cordova-support-android-plugin": "^0.3.7",
"cordova-support-google-services": "^1.2.1",
"de.appplant.cordova.plugin.local-notification": "^0.8.5",
"dropbox": "^2.5.7",
"es6-promise": "^4.2.5",
"es6-promise-plugin": "^4.1.0",
"firebase": "^4.3.0",
"ionic-angular": "3.9.2",
"ionic-image-loader": "^4.1.1",
"ionic-plugin-keyboard": "^2.2.1",
"ionic3-calendar": "git+https://github.com/ReaperSoon/ionic3-calendar.git",
"ionicons": "4.4.8",
"jquery": "^3.2.1",
"localforage": "^1.7.3",
"localforage-cordovasqlitedriver": "^1.6.0",
"ng-imgcache": "^1.0.1",
"ng2-simple-timer": "^1.3.5",
"promise-polyfill": "6.0.2",
"rxjs": "5.4.3",
"setimmediate": "^1.0.5",
"stripe": "^4.25.0",
"superagent": "^3.7.0",
"sw-toolbox": "3.6.0",
"ts-md5": "^1.2.4",
"zone.js": "0.8.18"
},
"devDependencies": {
"#ionic/app-scripts": "3.2.1",
"#ionic/lab": "1.0.9",
"in-app-purchase": "^1.10.6",
"typescript": "2.4.0"
},
Can anyone help me to find what's wrong with my dependencies versions ?
Thanks in advance
try to update all plugins from ionic to the latest
https://www.npmjs.com/package/cordova-check-plugins
Install it globally:
$ npm install -g cordova-check-plugins
Then run from the root of your Cordova project. You can optionally update outdated plugins interactively or automatically, e.g.
$ cordova-check-plugins --update=auto
Your #ionic-native/core version of ^4.17 expects Angular 5, but you've listed dependencies for Angular 4 (^4.4.7).
You can upgrade to "ionic-angular": "3.9.8" and "#angular/core": "5.2.11"
Remember to update the other angular dependencies to the same version as well (#angular/common, #angular/compiler, etc.)
Note: Some of your other dependencies that rely on angular v4 might also need to be upgraded.

JHipster Application produces message "this.driver.matchesElement" in dev mode

I have a problem running a JHipster application in Dev. Some developers run smoothly, in others the message "TypeError: this.driver.matchesElement is not a function" is displayed. All computers have the same versions of NPM, Yarn, and Node.
Node Version: 8.11.0
NPM Version: 5.6.0
Yarn Version: 1.7.0
Front-End Application StackTrace:
ERROR TypeError: this.driver.matchesElement is not a function
at TransitionAnimationEngine.processLeaveNode (browser.js?881a:3023)
at TransitionAnimationEngine.flush (browser.js?881a:3059)
at InjectableAnimationEngine.AnimationEngine.flush (browser.js?881a:3896)
at eval (animations.js?063e:363)
at ZoneDelegate.invoke (zone.js?6524:388)
at Zone.run (zone.js?6524:138)
at NgZone.runOutsideAngular (core.js?593e:4681)
at AnimationRendererFactory.end (animations.js?063e:361)
at DebugRendererFactory2.end (core.js?593e:15096)
at ViewRef_.detectChanges (core.js?593e:11563)
defaultErrorLogger
Package.json:
{
...
"cacheDirectories": [
"node_modules"
],
"dependencies": {
"#angular/animations": "^6.0.4",
"#angular/common": "5.2.0",
"#angular/compiler": "5.2.0",
"#angular/core": "5.2.0",
"#angular/forms": "5.2.0",
"#angular/platform-browser": "5.2.0",
"#angular/platform-browser-dynamic": "5.2.0",
"#angular/router": "5.2.0",
"#ng-bootstrap/ng-bootstrap": "1.0.0",
"bootstrap": "4.0.0",
"core-js": "2.4.1",
"font-awesome": "4.7.0",
"jquery": "3.2.1",
"ng-jhipster": "0.4.0",
"ngx-cookie": "2.0.1",
"ngx-infinite-scroll": "0.5.1",
"ngx-webstorage": "2.0.1",
"primeng": "5.2.7",
"reflect-metadata": "0.1.10",
"rxjs": "5.5.6",
"swagger-ui": "2.2.10",
"tether": "1.4.0",
"zone.js": "0.8.19",
"ngx-image-cropper": "0.2.8"
},
"devDependencies": {
"#angular/cli": "1.6.6",
"#angular/compiler-cli": "5.2.0",
"#ngtools/webpack": "1.8.5",
"#types/fullcalendar": "3.8.0",
"#types/jasmine": "2.5.53",
"#types/node": "8.0.18",
"#types/quill": "^1.3.3",
"angular2-template-loader": "0.6.2",
"awesome-typescript-loader": "3.2.2",
"browser-sync": "2.18.13",
"browser-sync-webpack-plugin": "1.2.0",
"codelyzer": "4.0.1",
"copy-webpack-plugin": "4.2.3",
"css-loader": "0.28.4",
"exports-loader": "0.6.4",
"extract-text-webpack-plugin": "3.0.2",
"file-loader": "1.1.5",
"fullcalendar": "3.9.0",
"generator-jhipster": "4.14.4",
"html-loader": "0.5.0",
"html-webpack-plugin": "2.30.1",
"jasmine-core": "2.7.0",
"karma": "1.7.1",
"karma-chrome-launcher": "2.2.0",
"karma-coverage": "1.1.1",
"karma-intl-shim": "1.0.3",
"karma-jasmine": "1.1.0",
"karma-junit-reporter": "1.2.0",
"karma-notify-reporter": "1.0.1",
"karma-phantomjs-launcher": "1.0.4",
"karma-remap-istanbul": "0.6.0",
"karma-sourcemap-loader": "0.3.7",
"karma-webpack": "2.0.4",
"merge-jsons-webpack-plugin": "1.0.11",
"phantomjs-prebuilt": "2.1.16",
"proxy-middleware": "0.15.0",
"quill": "^1.3.2",
"rimraf": "2.6.1",
"source-map": "0.6.1",
"sourcemap-istanbul-instrumenter-loader": "0.2.0",
"style-loader": "0.18.2",
"to-string-loader": "1.1.5",
"tslint": "5.5.0",
"tslint-loader": "3.5.3",
"typescript": "2.6.2",
"uglifyjs-webpack-plugin": "1.1.5",
"web-app-manifest-loader": "0.1.1",
"webpack": "3.10.0",
"webpack-dev-server": "2.9.5",
"webpack-merge": "4.1.1",
"webpack-notifier": "1.5.1",
"webpack-visualizer-plugin": "0.1.11",
"workbox-webpack-plugin": "3.0.0-beta.1",
"write-file-webpack-plugin": "4.1.0",
"xml2js": "0.4.17"
},
"engines": {
"node": ">=6.9.0"
},
...
}
Thanks.
So we had an issue where the system.js file was defining the version to use but the package.json file was getting the most up to date version. This was causing an issue on the front end.
After we removed the version from system.js then it was happy.
This was a problem with version 6.0.4 of angular animations. I updated the project to version 6.0.6 and corrected all dependency warnings. It is now working properly

Cannot find type definition file for 'node'

I am getting strange errors after updating angular, webpack and typescript.
Any idea what I could be missing?
When I run the app with npm start I get the following errors:
[at-loader] Cannot find type definition file for 'hammerjs'.
[at-loader] Cannot find type definition file for 'node'.
[at-loader] src\app\app.component.ts:26:14
Cannot find name 'require'.
[at-loader] src\app\app.component.ts:30:15
Cannot find name 'require'.
Here are the dependencies:
"dependencies": {
"#angular/common": "2.4.4",
"#angular/compiler": "2.4.4",
"#angular/core": "2.4.4",
"#angular/forms": "2.4.4",
"#angular/http": "2.4.4",
"#angular/material": "2.0.0-beta.1",
"#angular/platform-browser": "2.4.4",
"#angular/platform-browser-dynamic": "2.4.4",
"#angular/platform-server": "2.4.4",
"#angular/router": "3.4.4",
"#angularclass/conventions-loader": "^1.0.13",
"#angularclass/hmr": "~1.2.2",
"#angularclass/hmr-loader": "~3.0.2",
"#ng-bootstrap/ng-bootstrap": "1.0.0-alpha.18",
"angular2-jwt": "0.1.28",
"angular2-moment": "1.1.0",
"auth0-lock": "10.10.1",
"bootstrap": "4.0.0-alpha.5",
"cky-meta": "^1.0.2",
"core-js": "^2.4.1",
"hammerjs": "2.0.8",
"http-server": "^0.9.0",
"ie-shim": "^0.1.0",
"intl": "^1.2.5",
"ng2-img-cropper": "0.7.7",
"ng2-page-scroll": "3.2.1",
"ng2-sharebuttons": "1.1.5",
"reflect-metadata": "^0.1.9",
"rxjs": "5.0.3",
"web-animations-js": "2.2.2",
"zone.js": "0.7.6"
},
"devDependencies": {
"#angular/compiler-cli": "~2.4.4",
"#types/chai": "3.4.34",
"#types/core-js": "^0.9.35",
"#types/es6-shim": "^0.31.32",
"#types/hammerjs": "^2.0.33",
"#types/jasmine": "^2.5.41",
"#types/node": "^6.0.60",
"#types/protractor": "^4.0.0",
"#types/selenium-webdriver": "2.53.39",
"#types/source-map": "^0.5.0",
"#types/uglify-js": "^2.0.27",
"#types/webpack": "^2.2.2",
"add-asset-html-webpack-plugin": "^1.0.2",
"angular-router-loader": "^0.5.0",
"angular2-template-loader": "^0.6.0",
"assets-webpack-plugin": "^3.5.1",
"awesome-typescript-loader": "~3.0.0-beta.18",
"bootstrap-loader": "2.0.0-beta.19",
"codelyzer": "~2.0.0-beta.4",
"copy-webpack-plugin": "^4.0.0",
"css-loader": "^0.26.0",
"exports-loader": "^0.6.3",
"expose-loader": "^0.7.1",
"file-loader": "^0.9.0",
"gh-pages": "^0.12.0",
"html-webpack-plugin": "^2.26.0",
"imports-loader": "^0.7.0",
"istanbul-instrumenter-loader": "1.2.0",
"jasmine-core": "^2.5.2",
"json-loader": "^0.5.4",
"karma": "^1.4.0",
"karma-chrome-launcher": "^2.0.0",
"karma-coverage": "^1.1.1",
"karma-jasmine": "^1.0.2",
"karma-mocha-reporter": "^2.2.2",
"karma-remap-coverage": "^0.1.4",
"karma-sourcemap-loader": "^0.3.7",
"karma-webpack": "2.0.1",
"ng2-facebook-sdk": "1.2.0",
"ngc-webpack": "^1.1.2",
"node-sass": "4.3.0",
"npm-run-all": "^4.0.1",
"parse5": "^3.0.1",
"postcss-loader": "1.2.2",
"protractor": "^4.0.14",
"raw-loader": "0.5.1",
"resolve-url-loader": "1.6.1",
"rimraf": "~2.5.4",
"sass-loader": "4.1.1",
"script-ext-html-webpack-plugin": "^1.5.0",
"source-map-loader": "^0.1.6",
"string-replace-loader": "^1.0.5",
"style-loader": "^0.13.1",
"to-string-loader": "^1.1.5",
"ts-helpers": "1.1.2",
"ts-node": "^2.0.0",
"tslint": "4.3.1",
"typedoc": "^0.5.5",
"typescript": "2.1.5",
"typings": "2.1.0",
"url-loader": "^0.5.7",
"v8-lazy-parse-webpack-plugin": "^0.3.0",
"webpack": "2.2.0",
"webpack-dev-middleware": "^1.9.0",
"webpack-dev-server": "2.2.0",
"webpack-dll-bundles-plugin": "^1.0.0-beta.5",
"webpack-md5-hash": "^0.0.5",
"webpack-merge": "~2.4.0"
},
"engines": {
"node": ">= 4.2.1",
"npm": ">= 3"
}
Try re-importing the #types/node package by running this in the Package Manager Console in Visual Studio:
npm i -D #types/node
If a specific version must be used, you can specify:
npm i -D #types/node#6.0.10
That seems more likely to be a problem of versions within the typings.json file. Can you try the following?
typings install dt~node --save
typings install dt~core-js --save
typings install dt~hammerjs --save
It could either be a mismatched ts-node version in which updating ts-node should fix it found here or it could be an incorrect tsconfig.json found here
If these don't work here are some links you may find useful:
https://github.com/shlomiassaf/angular2-modal/issues/213
VS2015: "Cannot find type definition" and "File not found" errors
In my case, after doing an npm update I was getting this error. It disappeared by restarting my node server :
npm start
You might need to apply multiple solutions to solve this issue!
STEP 1
You might need to install missing typings from #types
it's already present and still you are getting this error proceed to step 2
STEP 2
If you are using ts-loader you will need to upgrade this
STEP 3 (Not applicable to all)
In some cases it's the webpack versioning which causes this error; upgrading to webpack version, ts-node, awesome-typescript-loader etc will solve it for you
STEP 4 (Angular only)
If you have used core-js upgrade its version
In general solution varies for all however its the node modules version where you will need to play around a bit! It's more of hit and try
All the best!

Resources