nativescript-vue-webpack-template: JS: Error: Css styling failed: Error: undefined:1:16: missing '{'

I used your template but while running it I got the same output over and over again, and the livereload got stuck in a loop.

As I posted on Slack, https://nativescriptcommunity.slack.com/archives/C4ZS6K6E6/p1516551973000033 :

When running nativescript-vue-webpack-template with tns debug android as described in https://github.com/tralves/nativescript-vue-webpack-template I’m encountering some strange behavior that the command continuously deploy and install the app, run it, then shuts down the app on my phone and deploys again and starts the process again, over and over again.

This output sequence is repeated all the time:

Using  c:\Users\Simon\Desktop\vue-native\sample-app\tns\platforms\android\app\build\outputs\apk\sampleapp-debug.apk
device: 6042c2b7 debug port: 40000

# NativeScript Debugger started #
To start debugging, open the following URL in Chrome:
chrome-devtools://devtools/bundled/inspector.html?experiments=true&ws=localhost:40000

Executing before-prepare hook from c:\Users\Simon\Desktop\vue-native\sample-app\tns\hooks\before-prepare\nativescript-dev-android-snapshot.js
Preparing project...
Project successfully prepared (Android)
Executing after-prepare hook from c:\Users\Simon\Desktop\vue-native\sample-app\tns\hooks\after-prepare\nativescript-dev-android-snapshot.js
ActivityManager: Start proc org.nativescript.sampleapp for activity org.nativescript.sampleapp/com.tns.NativeScriptActivity: pid=27977 uid=10263 gids={50263, 9997, 1028, 1015, 3003} abi=armeabi-v7a
JS: Error: Css styling failed: Error: undefined:1:16: missing '{'
JS: {NSVue (Vue: 2.5.2 | NSVue: 0.1.25)} -> TagName(TextNode(comment))
JS: {NSVue (Vue: 2.5.2 | NSVue: 0.1.25)} -> ParentNode(TextNode(comment))
JS: {NSVue (Vue: 2.5.2 | NSVue: 0.1.25)} -> NextSibling(TextNode(comment))
JS: {NSVue (Vue: 2.5.2 | NSVue: 0.1.25)} -> CreateElement(page)
JS: {NSVue (Vue: 2.5.2 | NSVue: 0.1.25)} -> CreateElement(stack-layout)
JS: {NSVue (Vue: 2.5.2 | NSVue: 0.1.25)} -> CreateElement(label)
JS: {NSVue (Vue: 2.5.2 | NSVue: 0.1.25)} -> CreateTextNode(A JS component.)
JS: {NSVue (Vue: 2.5.2 | NSVue: 0.1.25)} -> AppendChild(ElementNode(label), TextNode$1(null))
JS: {NSVue (Vue: 2.5.2 | NSVue: 0.1.25)} -> AppendChild(ElementNode(stacklayout), ElementNode(label))
JS: {NSVue (Vue: 2.5.2 | NSVue: 0.1.25)} -> CreateElement(label)
JS: {NSVue (Vue: 2.5.2 | NSVue: 0.1.25)} -> SetAttribute(ElementNode(label), data-v-0f0e8576, )
JS: {NSVue (Vue: 2.5.2 | NSVue: 0.1.25)} -> CreateTextNode(A Vue.js component.)
JS: {NSVue (Vue: 2.5.2 | NSVue: 0.1.25)} -> AppendChild(ElementNode(label), TextNode$1(null))
JS: {NSVue (Vue: 2.5.2 | NSVue: 0.1.25)} -> AppendChild(ElementNode(stacklayout), ElementNode(label))
JS: {NSVue (Vue: 2.5.2 | NSVue: 0.1.25)} -> AppendChild(ElementNode(page), ElementNode(stacklayout))```

About this issue

  • Original URL
  • State: closed
  • Created 6 years ago
  • Comments: 19 (1 by maintainers)

Most upvoted comments

same issue here

Hey @Zomis, did you get an answer for it? I’m getting the same issue.

I figured out this problem occurs if you have blank CSS file.

This template is being deprecated in favor of the Vue Cli template. vue-cli simply deals with these problems much nicely…