Application refreshing every time after i saved changes in code

[PetroSuch]

I get this log, after save some changes in code

`JS: [HMR][61c47bbb499df8b115e8] failure | A module has not been accepted. JS: [HMR][61c47bbb499df8b115e8] failure | Failed to apply. JS: Angular is running in development mode. Call enableProdMode() to enable production mode. JS: fingerprintAvailable { JS: "any": false JS: }

Refreshing application on device emulator-5554... Successfully transferred bundle.61c47bbb499df8b115e8.hot-update.js on device emulator-5554. Successfully transferred bundle.61c47bbb499df8b115e8.hot-update.json on device emulator-5554. Successfully transferred bundle.js on device emulator-5554. Restarting application on device emulator-5554... Successfully synced application org.nativescript.native2 on device emulator-5554.`

Environment

`{ "name": "@nativescript/template-hello-world-ng", "main": "src/main.ts", "version": "8.0.6", "author": "NativeScript Team [email protected]", "description": "NativeScript Application", "license": "SEE LICENSE IN ", "publishConfig": { "access": "public" }, "files": [ "App_Resources", "hooks", "src", "tools", "!tools/assets", ".editorconfig", "references.d.ts", "tsconfig.json" ], "keywords": [ "nativescript", "mobile", "angular", "{N}", "template" ], "repository": "", "bugs": { "url": "https://github.com/NativeScript/NativeScript/issues" }, "dependencies": { "@angular/animations": "~11.2.7", "@angular/common": "~11.2.7", "@angular/compiler": "~11.2.7", "@angular/core": "~11.2.7", "@angular/forms": "~11.2.7", "@angular/platform-browser": "~11.2.7", "@angular/platform-browser-dynamic": "~11.2.7", "@angular/router": "~11.2.7", "@nativescript/angular": "~11.8.0", "@nativescript/background-http": "^5.0.2", "@nativescript/camera": "^5.0.8", "@nativescript/core": "~8.0.0", "@nativescript/datetimepicker": "^2.1.3", "@nativescript/fingerprint-auth": "^7.0.0", "@nativescript/imagepicker": "^1.0.4", "@nativescript/local-notifications": "^5.0.3", "@nativescript/theme": "~3.0.1", "@nativescript/ui-charts": "^0.1.0", "@nstudio/nativescript-checkbox": "^2.0.4", "@nstudio/nativescript-pulltorefresh": "^3.0.1", "moment": "^2.29.1", "nativescript-barcodescanner": "^4.1.1", "nativescript-carousel": "^7.0.1", "nativescript-clipboard": "^2.1.1", "nativescript-feedback": "^2.0.0", "nativescript-localstorage": "^2.0.2", "nativescript-permissions": "^1.3.11", "nativescript-ui-chart": "^8.0.2", "reflect-metadata": "~0.1.13", "rxjs": "~6.6.7", "save": "^2.4.0", "zone.js": "~0.11.4" }, "devDependencies": { "@angular/compiler-cli": "~11.2.7", "@nativescript/android": "8.0.0", "@nativescript/types": "~8.0.0", "@nativescript/webpack": "beta", "@ngtools/webpack": "~11.2.6", "typescript": "~4.0.0" }, "private": "true", "readme": "NativeScript Application" }

`

• CLI:
• Cross-platform modules:
• Android Runtime:
• iOS Runtime:
• Plugin(s):
• NativeScript-Angular:
• Angular:

**tns info**

√ Getting NativeScript components versions information...
‼ Update available for component nativescript. Your current version is 8.0.1 and the latest available version is 8.0.2.
√ Component @nativescript/core has 8.0.5 version and is up to date.
× Component @nativescript/ios is not installed.
√ Component @nativescript/android has 8.0.0 version and is up to date.

To Reproduce I only create project, use ns create command and selected the template Angular Expected behavior

[PetroSuch]

i also run tns run android --log trace command, and i had the next log i can not understand, why i get next message i have tried to create a new project use command ns create, but i still have that problem with hmr @NathanaelA could you help me please, with this problem ?

JS: [{ JS: "type": "unaccepted", JS: "chain": [ JS: "./src/app/app.component.ts", JS: "./src/app/app.module.ts", JS: "./src/main.ts" JS: ], JS: "moduleId": "./src/main.ts" JS: }]

Successfully transferred bundle.3a061e85f6ee18109fe9.hot-update.json on device emulator-5554. Successfully transferred bundle.3a061e85f6ee18109fe9.hot-update.js on device emulator-5554. Successfully transferred bundle.js on device emulator-5554. Will send the following information to Google Analytics: { type: 'googleAnalyticsData', category: 'CLI', googleAnalyticsDataType: 'event', action: 'Performance', label: 'PlatformLiveSyncServiceBase__liveSyncWatchAction', customDimensions: { cd2: 'Angular', cd9: 'false', cd5: 'CLI' }, value: 606 } spawn: C:\Android\android-sdk\platform-tools\adb "-s" "emulator-5554" "shell" "rm" "-rf" "/data/local/tmp/org.nativescript.artnative2-livesync-in-progress" JS: [HMR][Verbose] LiveSync JS: [HMR][3a061e85f6ee18109fe9] failure | A module has not been accepted. JS: [HMR][Verbose] Additional Info JS: [{ JS: "type": "unaccepted", JS: "chain": [ JS: "./src/app/app.component.ts", JS: "./src/app/app.module.ts", JS: "./src/main.ts" JS: ], JS: "moduleId": "./src/main.ts" JS: }] JS: --- JS: [HMR][3a061e85f6ee18109fe9] failure | Failed to apply. JS: [HMR][Verbose] Additional Info JS: [Aborted because ./src/app/app.component.ts is not accepted JS: Update propagation: ./src/app/app.component.ts -> ./src/app/app.module.ts -> ./src/main.ts] JS: --- JS: [HMR][Verbose] No modules applied. Result when throw error is false: { stdout: '', stderr: '', exitCode: 0 } Will send the following information to Google Analytics: { type: 'googleAnalyticsData', category: 'CLI', googleAnalyticsDataType: 'event', action: 'Performance', label: 'AndroidLiveSyncService__liveSyncWatchAction', customDimensions: { cd2: 'Angular', cd9: 'false', cd5: 'CLI' }, value: 977 } Refreshing application on device emulator-5554...

[iamabs2001]

what's the issue ?

[PetroSuch]

application is closing and opening again, after ctrl+s, it is takes much more time then only refresh the specific component

[PetroSuch]

@iamabs2001, Please install project using command ns create and select template Angular, and you will see the problem which i writen here

[stefan-uhlemann]

Found a solution...

You have to upgrade your project to Angular 12, Latest TypeScript and webpack....