diff --git a/lib/compile-vue.js b/lib/compile-vue.js
index 04069cb..fc0fb42 100644
--- a/lib/compile-vue.js
+++ b/lib/compile-vue.js
@@ -298,15 +298,41 @@ export function compileVue(file, imports, options = {}) {
 
   js = js ? js[1] : ''
 
-  html = compile(html[1], {
-    mode: 'module',
-    prefixIdentifiers: true,
-    hoistStatic: true,
-    cacheHandlers: true,
-    scopeId: scoped ? scopeId : void 0,
-    sourceMap: false,
-    isCustomElement: tag => tag.startsWith('wc-')
-  }).code.replace('export function render', 'function render')
+  try {
+    html = compile(html[1], {
+      mode: 'module',
+      prefixIdentifiers: true,
+      hoistStatic: true,
+      cacheHandlers: true,
+      scopeId: scoped ? scopeId : void 0,
+      sourceMap: false,
+      isCustomElement: tag => tag.startsWith('wc-')
+    }).code.replace('export function render', 'function render')
+  } catch (err) {
+    let tmp = html[1].split('\n')
+    let line = tmp[err.loc.start.line - 1]
+
+    console.log('%s: %s', red('SyntaxError'), red(err.message))
+    console.log(
+      '  @ %s%s%s',
+      line.slice(0, err.loc.start.column - 1),
+      red(err.loc.source),
+      line.slice(err.loc.end.column - 1)
+    )
+    console.log(
+      '  @ (%s:%d:%d)\n',
+      file,
+      err.loc.start.line,
+      err.loc.start.column
+    )
+    html = `
+import { openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue"
+
+function render(_ctx, _cache) {
+  return (_openBlock(), _createElementBlock("div", null, "SyntaxError: ${err.message}"))
+}
+    `
+  }
 
   html = html
     .replace(/import .* from "vue"/, str => {
diff --git a/package.json b/package.json
index d98f165..13687c3 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "fite",
   "type": "module",
-  "version": "0.9.3",
+  "version": "0.9.4",
   "bin": {
     "fite": "index.js"
   },