Vue app crashes after sync changes in styles

[endarova]

Environment

• CLI: next(6.0)
• Cross-platform modules:6.0.0-next-2019-06-17-201500-04
• Android Runtime:6.0.0-2019-06-13-112614-01
• iOS Runtime:6.0.0-2019-06-13-141312-01
• Plugin(s):nativescript-vue@2.3.0-rc.0

Describe the bug
When making changes in styles section of Home.vue file app crashes

To Reproduce

1. tns create TestApp --vue
2. npm i tns-core-modules@next --save
3. npm i nativescript-dev-webpack@next --save-dev
4. node_modules/.bin/update-ns-webpack --deps --configs
5. npm i NativeScript-vue@next
   6 .tns platform add ios@next
6. tns run iOS
7. In Home.vue in style section in .info style (line39), add color:red;

Expected behavior
Project is synced and style is applied.

Actual
Project is synced but crashes. Log:
log_file.txt

Additional context
Make exactly that change in the file

[vchimev]

Hey!

This issue is caused by a change in the nativescript-vue plugin.

In version 2.3.0-rc.0, the global.__onLiveSyncCore overwrite function requires the tns-core-modules/application module which contains the global.__onLiveSyncCore logic itself.
As a result, the overwrite function doesn't serve its purpose.

A solution could be to require the tns-core-modules/application module in the global scope here.

@rigor789 and @vakrilov, what are your opinions?

[vakrilov]

Sounds like an easy fix.
We have a similar case in nativescript-angular package and we make sure we require polyfills and application first.

[endarova]

I can confirm the issue is resolved in nativescript-vue@next

[endarova]

Actually the issue for iOS is fixed but now when I make the same change for android the app crashes again. Here is the log
log.txt