{"id":935,"date":"2019-05-24T07:03:52","date_gmt":"2019-05-24T07:03:52","guid":{"rendered":"http:\/\/fluentreports.com\/blog\/?p=935"},"modified":"2019-07-11T01:37:03","modified_gmt":"2019-07-11T01:37:03","slug":"nativescript-5-x-and-hmr-issues","status":"publish","type":"post","link":"http:\/\/fluentreports.com\/blog\/?p=935","title":{"rendered":"NativeScript 5.x and HMR Issues"},"content":{"rendered":"\n

If you are one of the lucky people who are reading this blog article, because your app used to work! After upgrading to the latest NativeScript and enabling the new Workflow your app is now broken... <\/p>\n\n\n\n

Well I have some good news... It is easy to get back to a working state.<\/h4>\n\n\n\n

Here is how you can revert back to using the Legacy Workflow..<\/p>\n\n\n\n

First thing, you need to open the nsconfig.json<\/code> file in the root of your project. This file is where this key parameter is kept.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Inside the nsconfig.json<\/code> file you will see "useLegacyWorkflow": true<\/code> change this to false and save the file.<\/p>\n\n\n\n

Then from the CLI; do a
- tns platform clean android<\/code> (if using Android)
- tns platform clean ios<\/code> (if using iOS)<\/p>\n\n\n\n

Then you can do a tns run android<\/code> or tns run ios<\/code> and be back working.<\/p>\n\n\n\n

Please note; DO NOT USE<\/strong> --bundle<\/code> or --hmr<\/code> flags; as this will re-enable HMR and the only reason you are changing this flag is because HMR is already not working for you... <\/p>\n\n\n\n

I would recommend you submit a bug report to the nativescript-dev-webpack<\/a> github repo about your issue; so that it can be tracked. Version 6.0 of NativeScript is supposedly going to disable the Legacy Workflow mode; so it is critical they get all the data they can on what issues you have seen so they can iron them all out...<\/p>\n\n\n\n

Common HMR issues with fixes:<\/h2>\n\n\n\n