Hey @erkanarslan,

Thank you for logging this.

Hot Module Replacement (HMR) is currently in Beta and for NativeScript-Angular projects, every change in .js/.ts, .css/.scss or .html file bootstraps the angular app (second table, latest column here).

This means that the native app is kept alive while the angular app inside starts again. For example,
in this sample app after navigating to the login component and making a change in it, the angular application bootstraps and shows the home component.

Improving the HMR feature is in our roadmap as the goal is to apply changes without bootstrap.
You could follow our progress in this tracking issue.

Hi @erkanarslan,

I tried changing a text in ActionBar. Page reloaded, text didn't change.
I tried removing an element from page. Page reloaded, element isn't removed.

It is expected to bootstrap the angular app on change but the change should be applied and visible.

It'd be great appreciated if you can send us the whole project and exact steps so we can reproduce the problem on our side. You can share your files with me in the NativeScript Community Slack https://nativescriptcommunity.slack.com/ - my username is fatme

I'm closing this issue due to inactivity. Please, reopen if still experience the problem along with a sample project.

hi updating the code from html will update the app but if i change something in typescript its not updating the application Please help
I am using nativescript angular with shared-project
main.ts

import { AppOptions } from "nativescript-angular/platform-common";

import { AppModule } from "./app/app.module";

let options: AppOptions = {};
if (module['hot']) {
    const hmrUpdate = require("nativescript-dev-webpack/hmr").hmrUpdate;

    options.hmrOptions = {
        moduleTypeFactory: () => AppModule,
        livesyncCallback: (platformReboot) => {
            console.log("HMR: Sync...")
            hmrUpdate();
            setTimeout(platformReboot, 0);
        },
    }
    hmrUpdate();

    // Path to your app module.
	// You might have to change it if your module is in a different place.
    module['hot'].accept(["./app/app.module"]);
}

// !!! Don't forget to pass the options when creating the platform
platformNativeScriptDynamic(options).bootstrapModule(AppModule);