vue-cli-plugin-nativescript-vue: Clean install: HMR broken!

When creating a new project, using Vue CLI 3, both in CLI and UI mode. Then adding vue-cli-plugin-nativescript-vue.

HMR simply keeps reloading the whole app & relaunching.

File change detected. Starting incremental webpack compilation...
....webpack compilation details here....
Webpack compilation complete. Watching for file changes.
Webpack build done!
Preparing project...
Project successfully prepared (iOS)
Successfully transferred bundle.js on device C023E95A-72B0-46B7-AD24-4B7480318E72.
Restarting application on device C023E95A-72B0-46B7-AD24-4B7480318E72...
Successfully synced application org.nativescript.application on device C023E95A-72B0-46B7-AD24-4B7480318E72.

When adding useLegacyWorkflow: false in nsconfig.json it then loads changes but those don’t get applied until force-quitting the app on device & opening again?

Tried running:

tns run ios using default webpack
npm run debug:ios
npm run serve:ios
a custom option using npm run setup-webpack-config && tns run ios --hmr --env.development

This does not happen when setting up a new project using nativescript-vue/vue-cli-template, in which case HMR is perfect.

About this issue

Original URL
State: open
Created 5 years ago
Comments: 30 (19 by maintainers)

Most upvoted comments

Fixed in #24 - setting platform = 'web' if after all methods of retrieving platform is still not set.

This takes on the assumption that npm run serve:ios & npm run serve:android etc (NS-based) commands always set the .env platform variables correctly - which they do, as otherwise I’d be getting same error on those - but I don’t

vpiskunov on Jun 17, 2019