Skip to content

[Vite, Vue, HMR, Android] App fails to start #11417

Description

@codeprefect

Issue Description

On the latest versions, app fails to run with HMR on Android.

Reproduction

  1. Clone ns-vue-vite-demo

  2. Update the dependencies to the latest, especially the following

    • @nativescript/core
    • @nativescript/android
    • @nativescript/ios
    • @nativescript/vite
  3. Run npm install

  4. Run ns run android

Relevant log output (if applicable)

Restarting application on device emulator-5554...
  Class com.tns.FragmentClass not precompiled; generating at runtime. Framework references resolve only if dex injection into the app class loader succeeds.
  Class com.tns.OnBackPressedCallback not precompiled; generating at runtime. Framework references resolve only if dex injection into the app class loader succeeds.
  Class com.tns.NativeScriptActivity not precompiled; generating at runtime. Framework references resolve only if dex injection into the app class loader succeeds.
  Class org.nativescript.NativeScriptLifecycleCallbacks not precompiled; generating at runtime. Framework references resolve only if dex injection into the app class loader succeeds.
  Class org.nativescript.NativeScriptComponentCallbacks not precompiled; generating at runtime. Framework references resolve only if dex injection into the app class loader succeeds.
Successfully synced application com.nimtech.tamm on device emulator-5554.
  Feature flags __VUE_OPTIONS_API__, __VUE_PROD_DEVTOOLS__, __VUE_PROD_HYDRATION_MISMATCH_DETAILS__ are not explicitly defined. You are running the esm-bundler build of Vue, which expects these compile-time feature flags to be globally injected via the bundler config in order to get better tree-shaking in the production bundle.
  For more details, see https://link.vuejs.org/feature-flags.
  TNS.Native: NativeScript: module graph walk missed http://127.0.0.1:5173/ns/asm — falling back to a blocking synchronous fetch. This should not happen; please report it.
  Dynamic import error: Error: Instantiation failed (http-loader): http://127.0.0.1:5173/ns/m/src/app.ts — Uncaught Error: HTTP import failed: http://127.0.0.1:5173/ns/asm (status=400)
  [ns-entry] deterministic dev session bootstrap failed Error: Instantiation failed (http-loader): http://127.0.0.1:5173/ns/m/src/app.ts — Uncaught Error: HTTP import failed: http://127.0.0.1:5173/ns/asm (status=400)

Environment

OS: macOS 26.6.1
CPU: (10) arm64 Apple M1 Pro
Shell: /bin/zsh
node: 24.20.0
npm: 11.19.0
nativescript: Not Found

# android
java: Not Found
ndk: Not Found
apis: 31, 33, 34, 35, 36
build_tools: 35.0.0, 35.0.1, 36.1.0
system_images: 
  - android-31 | Google APIs Intel x86_64 Atom
  - android-32 | Google APIs ARM 64 v8a
  - android-33 | Google APIs ARM 64 v8a
  - android-34 | Google APIs ARM 64 v8a
  - android-35 | Google APIs ARM 64 v8a
  - android-36 | Google Play ARM 64 v8a

# ios
xcode: 26.6/17F113
cocoapods: 1.16.2
python: Not Found
python3: 3.14.7
ruby: 3.1.3
platforms: 
  - DriverKit 25.5
  - iOS 26.5
  - macOS 26.5
  - tvOS 26.5
  - visionOS 26.5
  - watchOS 26.5

Dependencies

"dependencies": {
  "@nativescript/core": "9.1.0",
  "@triniwiz/nativescript-image-cache-it": "^7.5.0",
  "@valor/nativescript-websockets": "^2.0.3",
  "nativescript-vue": "3.0.3"
},
"devDependencies": {
  "@nativescript/android": "9.1.0",
  "@nativescript/ios": "9.1.0",
  "@nativescript/tailwind": "^2.1.0",
  "@nativescript/types": "~9.0.0",
  "@nativescript/vite": "8.0.4",
  "@types/node": "^22.14.0",
  "@vitejs/plugin-vue": "^6.0.8",
  "@vitejs/plugin-vue-jsx": "^5.1.6",
  "nativescript": "9.1.0",
  "patch-package": "^8.0.1",
  "tailwindcss": "~3.4.0",
  "typescript": "~6.0.0",
  "vue-tsc": "^3.3.11"
}

Please accept these terms

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions