BUG with the HMR on 8.5.0

[DieOver]

I was using these following versions and the HMR works like charm

"@nativescript/android": "~8.2.2",
"@nativescript/ios": "~8.2.2",
"@nativescript/types-android": "8.2.0",
"@nativescript/types-ios": "8.2.0"

But when i use "ns migrate" and go to these following versions the HMR stop working

"@nativescript/android": "~8.5.0",
"@nativescript/ios": "~8.5.0",
"@nativescript/types-android": "^8.2.0",
"@nativescript/types-ios": "^8.2.0",
"@nativescript/webpack": "~5.0.0"

I even make a downgrade to 8.2.2 and HMR came to work again, anyone having this issue ? how can i could make the HMR work on 8.5.0 ?

[NathanWalker]

Possible to share full package from root of workspace and the apps package? That may help clarify.

[DieOver]

Sure, here it is
https://drive.google.com/file/d/1iCRzp7EvkEdPJl0SwXT7dgvSCpWZ-r4F/view?usp=sharing

This repo is just a new clean projeto created with the NX, with 1 app nativescript, using the verson 8.5.0 of @nativescript/android and @nativescript/ios and have the npm script:

npm run app-ios:run:se

For start a iPhoneSE Simulator, and just chance anything in the file "apps/nativescript-appmobile/src/pages/home/home.component.html" and save

You will see that the terminal make a identify of reload, but the application doesnt reload.. this is my problem, but when i use the 8.2.0 works like charm...

[Abdallah-khalil]

I'm getting this error when i run the android command for the first time after i do a clean command:

my package.json file inside my application folder

  "dependencies": {
    "@nativescript/angular": "*",
    "@nativescript/core": "*",
    "@nativescript/firebase-auth": "*",
    "@nativescript/firebase-core": "*"
  },
  "devDependencies": {
    "@nativescript/android": "~8.6.0",
    "@nativescript/ios": "~8.6.0",
    "@nativescript/preview-cli": "1.0.13",
    "@nativescript/tailwind": "^2.1.0",
    "@nativescript/webpack": "~5.0.21",
    "tailwindcss": "^3.4.3",
    "webpack": "5.90.0"
  }

My main workspace packages.json file

  "dependencies": {
    "@angular/animations": "17.3.5",
    "@angular/cdk": "17.3.5",
    "@angular/common": "17.3.5",
    "@angular/compiler": "17.3.5",
    "@angular/core": "17.3.5",
    "@angular/elements": "17.3.5",
    "@angular/fire": "^17.0.0",
    "@angular/forms": "17.3.5",
    "@angular/platform-browser": "17.3.5",
    "@angular/platform-browser-dynamic": "17.3.5",
    "@angular/router": "17.3.5",
    "@apollo/client": "~3.8.8",
    "@nativescript/angular": "^17.0.0",
    "@nativescript/core": "~8.6.1",
    "@nativescript/firebase-auth": "^3.2.4",
    "@nativescript/firebase-core": "^3.2.4",
    "@nestjs/axios": "~3.0.1",
    "@nestjs/common": "10.3.0",
    "@nestjs/config": "^3.1.1",
    "@nestjs/core": "10.3.0",
    "@nestjs/event-emitter": "^2.0.3",
    "@nestjs/jwt": "^10.2.0",
    "@nestjs/platform-express": "10.3.0",
    "@nestjs/serve-static": "^4.0.0",
    "@ngneat/transloco": "^6.0.4",
    "@ngneat/transloco-persist-translations": "^5.0.0",
    "@sentry/angular": "~7.90.0",
    "@sentry/minimal": "~6.19.7",
    "@sentry/node": "~7.90.0",
    "@sentry/tracing": "^7.90.0",
    "@stripe/stripe-js": "^3.3.0",
    "@vimeo/player": "^2.21.0",
    "apollo-angular": "^6.0.0",
    "axios": "1.6.0",
    "body-parser": "^1.20.2",
    "bulma": "^0.9.4",
    "bulma-checkradio": "^2.1.3",
    "bulma-switch": "^2.0.4",
    "express": "^4.18.2",
    "feather-icons": "^4.29.1",
    "firebase": "^10.7.1",
    "firebase-admin": "^11.9.0",
    "firebase-functions": "^4.5.0",
    "graphql": "^16.8.1",
    "graphql-ws": "^5.14.3",
    "immer": "^10.0.3",
    "inputmask": "^5.0.8",
    "intercom-client": "^5.0.0",
    "intuit-oauth": "^4.0.0",
    "lodash": "^4.17.21",
    "mixpanel": "^0.18.0",
    "mixpanel-browser": "^2.48.1",
    "moment": "^2.29.4",
    "moment-duration-format": "^2.3.2",
    "moment-timezone": "^0.5.43",
    "ngx-pagination": "^6.0.3",
    "ngx-plaid-link": "^14.0.0",
    "ngx-stripe": "^17.0.1",
    "plaid": "^18.1.0",
    "playwright-chromium": "^1.40.1",
    "postmark": "^4.0.2",
    "raw-body": "^2.5.2",
    "reflect-metadata": "^0.1.13",
    "rxfire": "^6.0.5",
    "rxjs": "~7.8.1",
    "stripe": "^7.15.0",
    "tslib": "^2.6.2",
    "uuid": "^9.0.1",
    "xpath_cypress": "^1.0.2",
    "zone.js": "0.14.4"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "17.3.5",
    "@angular-devkit/core": "17.3.5",
    "@angular-devkit/schematics": "17.3.5",
    "@angular-eslint/eslint-plugin": "17.3.0",
    "@angular-eslint/eslint-plugin-template": "17.3.0",
    "@angular-eslint/schematics": "17.1.1",
    "@angular-eslint/template-parser": "17.3.0",
    "@angular/cli": "~17.3.0",
    "@angular/compiler-cli": "17.3.5",
    "@angular/language-service": "17.3.5",
    "@commitlint/cli": "^18.4.3",
    "@commitlint/config-angular": "^18.4.3",
    "@commitlint/config-conventional": "^18.4.3",
    "@cypress/xpath": "^2.0.3",
    "@graphql-codegen/cli": "^5.0.0",
    "@graphql-codegen/typescript": "^4.0.1",
    "@graphql-codegen/typescript-apollo-angular": "^4.0.0",
    "@graphql-codegen/typescript-operations": "^4.0.1",
    "@nativescript/nx": "^17.1.0",
    "@nativescript/preview-cli": "1.0.12",
    "@nativescript/tailwind": "^2.1.0",
    "@nativescript/types": "~8.6.1",
    "@nativescript/webpack": "~5.0.18",
    "@nestjs/schematics": "^10.0.1",
    "@nestjs/testing": "^10.0.2",
    "@ngtools/webpack": "^17.0.7",
    "@nrwl/tao": "18.3.2",
    "@nx-tools/nx-prisma": "^5.2.0",
    "@nx/angular": "18.3.2",
    "@nx/cypress": "18.3.2",
    "@nx/eslint-plugin": "18.3.2",
    "@nx/js": "18.3.2",
    "@nx/nest": "18.3.2",
    "@nx/node": "18.3.2",
    "@nx/storybook": "18.3.2",
    "@nx/web": "18.3.2",
    "@nx/webpack": "18.3.2",
    "@nx/workspace": "18.3.2",
    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.7",
    "@prisma/client": "^5.11.0",
    "@schematics/angular": "17.3.5",
    "@storybook/addon-essentials": "7.6.6",
    "@storybook/angular": "7.6.6",
    "@storybook/core-server": "7.6.6",
    "@svgr/webpack": "^8.0.1",
    "@swc-node/register": "1.8.0",
    "@swc/core": "~1.3.85",
    "@swc/helpers": "~0.5.2",
    "@testing-library/cypress": "^10.0.1",
    "@types/body-parser": "^1.19.5",
    "@types/express-serve-static-core": "^4.17.41",
    "@types/feather-icons": "^4.29.4",
    "@types/inputmask": "^5.0.7",
    "@types/lodash": "^4.14.202",
    "@types/mixpanel-browser": "^2.47.5",
    "@types/moment-duration-format": "^2.2.6",
    "@types/multer": "^1.4.11",
    "@types/node": "^18.16.9",
    "@typescript-eslint/eslint-plugin": "^6.15.0",
    "@typescript-eslint/parser": "^6.15.0",
    "angular-http-server": "^1.12.0",
    "cpy-cli": "^5.0.0",
    "cross-env": "^7.0.3",
    "cypress": "^13.6.6",
    "cypress-pipe": "^2.0.0",
    "cypress-wait-until": "^3.0.1",
    "eslint": "~8.56.0",
    "eslint-config-prettier": "~9.1.0",
    "eslint-plugin-cypress": "2.15.1",
    "eslint-plugin-import": "^2.29.1",
    "eslint-plugin-rxjs-angular": "^2.0.1",
    "eslint-plugin-storybook": "^0.6.15",
    "husky": "^8.0.3",
    "jsonc-eslint-parser": "^2.1.0",
    "nx": "18.3.2",
    "prettier": "2.8.8",
    "pretty-quick": "^3.1.3",
    "prisma": "^5.1.1",
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "react-refresh": "^0.10.0",
    "sass": "^1.69.5",
    "start-server-and-test": "^2.0.3",
    "storybook": "^7.6.6",
    "tailwindcss": "^3.4.3",
    "ts-node": "10.9.2",
    "typescript": "5.4.5",
    "url-loader": "^4.1.1",
    "webpack": "5.90.0"
  },

Worth noting that after i run android again the build works but without watching for changes