vueify: Failed to mount component: template or render function not defined
<p>i'm using a simple vue.js setup with browserify and vueify.</p>

<p>following previous guidance, i also added aliasify as dependency in order to make use of template engine. here's my package.json file:</p>

<pre><code>{
  "name": "simple-vueify-setup",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "dev": "budo index.js:build.js --open --live"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "dependencies": {
    "vue": "^2.1.3"
  },
  "devDependencies": {
    "aliasify": "^2.1.0",
    "browserify": "^13.1.1",
    "budo": "^9.2.2",
    "vueify": "^9.3.0"
  },
  "browserify": {
    "transform": [
      "vueify",
      "aliasify"
    ]
  },
  "aliasify": {
    "aliases": {
      "vue": "vue/dist/vue.common.js"
    }
  }
}
</code></pre>

<p>using a simple view-model setup like this i can see the engine working:</p>

<pre><code>// index.js
var Vue = require("vue");

new Vue({
  el: '#mountpoint',
  data: {
    message: 'Hello Vue!'
  }
});
</code></pre>

<p>The html document follows:</p>

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html&gt;
  &lt;head&gt;
    &lt;title&gt;Sample vueify&lt;/title&gt;
  &lt;/head&gt;
  &lt;bod&gt;
    &lt;div id="mountpoint"&gt;
      {{message}}
    &lt;/div&gt;
    &lt;script type="text/javascript" src="build.js"&gt;&lt;/script&gt;
  &lt;/bod&gt;
&lt;/html&gt;
</code></pre>

<p>If i try however to use a .vue file and a render function, it does not work:</p>

<pre><code>// app.vue
&lt;style&gt;
  .red {
    color: #f00;
  }
&lt;/style&gt;

&lt;template&gt;
  &lt;h1 class="red"&gt;{{msg}}&lt;/h1&gt;
&lt;/template&gt;

&lt;script&gt;
export default {
  data () {
    return {
      msg: 'Hello world!'
    }
  }
}
&lt;/script&gt;
</code></pre>

<p>And there is the modified index.js file:</p>

<pre><code>var Vue = require("vue");
var App = require("./app.vue");

new Vue({
  el: '#mountpoint',
  render: function (createElement) {
    return createElement(App)
  }
});
</code></pre>

<p>then it gives me the following output:</p>

<blockquote>
  <p>Parsing file /home/sombriks/git/simple-vueify-setup/app.vue: 'import'
  and 'export' may only appear at the top level (15:0)</p>
</blockquote>

<p>any help is welcome.</p>

<p>the entire sample code can be found <a href="https://github.com/sombriks/simple-vueify-setup" rel="nofollow noreferrer">here</a>.</p>