vigetlabs / blendid

A delicious blend of gulp tasks combined into a configurable asset pipeline and static site builder
MIT License
4.97k stars 685 forks source link

Failed to mount component: template or render function not defined #576

Open schellenbergk opened 5 years ago

schellenbergk commented 5 years ago

Hello,

[Vue warn]: Failed to mount component: template or render function not defined.
found in
---> <test> at src/html/components/test.vue

I'm getting this error while trying to setup Vuejs SFC's with Blendid. Here's my task-config:

...
javascripts: {
    entry: {
      // files paths are relative to
      // javascripts.dest in path-config.json
      app: ["./app.js"]
    },
    alias: {
      vue$: "vue/dist/vue.esm.js"
    },
    loaders: [
      {
        test: /\.vue$/,
        use: [
          { loader: "vue-loader" },
          { loader: "vue-style-loader" },
          { loader: "vue-template-compiler" }
        ]
      }
    ],
    customizeWebpackConfig: function(webpackConfig, env, webpack) {
      webpackConfig.plugins.push(new VueLoaderPlugin());

      return webpackConfig;
    }
  },
...

Here's my test.vue component:

<template>
  <div>{{ teststring }}</div>
</template>
<script>
export default {
  data: function() {
    return {
      teststring: "testing"
    };
  }
};
</script>

Also when I update the .vue file Blendid does not seem to be watching it.

joshuarte commented 5 years ago

same here. Any solutions yet?