[3.6.0-alpha.3] Cannot read property 'componentInstance' of null

[afbora]

Describe the bug

I'mi getting following error in console when i try to set template as view file

TypeError: Cannot read property 'componentInstance' of null

index.js

import View from "./components/View.vue";

panel.plugin('yourname/todos', {
  components: {
    'k-todos-view': {
      props: {
        todos: Array
      },
      template: View
    }
  }
})

View.vue

<template>
  <k-view class="k-todos-view">
    <k-header>
      Todos
    </k-header>
  </k-view>
</template>

<script>
export default {};
</script>

Kirby Version

3.6.0-alpha.3

[distantnative]

Are you using a bundler?

[afbora]

I guess, using parcel: parcel build src/index.js --no-source-maps --experimental-scope-hoisting -d ./

[afbora]

Inline template codes template: '<template>...</template>' working but as view not working template: View

[bastianallgeier]

Your setup is not correct.

It should look like this:

import View from "./components/View.vue";

panel.plugin('yourname/todos', {
  components: {
    'k-todos-view': View
  }
})

<template>
  <k-view class="k-todos-view">
    <k-header>
      Todos
    </k-header>
  </k-view>
</template>

<script>
export default {
  props: {
    todos: Array
  }
};
</script>

[afbora]

Ohh, my incompetence 🙈 Thanks