Skip to content
This repository was archived by the owner on Sep 15, 2023. It is now read-only.
This repository was archived by the owner on Sep 15, 2023. It is now read-only.

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

Open
@schellenbergk

Description

@schellenbergk

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.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions