Static GitHub Issues

[800] when I use typescript in layout file, error raise on page reload.

prev: nuxt generate with dynamic import uses incorrect file
next: problemas with root

/path/to/home/layouts/homepage.vue

<template>
  <section id="app">
    <nuxt/>
  </section>
</template>

<script lang="ts">
import Vue from 'vue';
import Component from 'vue-class-component';

@Component
export default class HomepageLayout extends Vue {
}
</script>

/path/to/home/page/homepage/index.vue

<template>
  <section>test</section>
</template>

<script>
export default {
  layout: 'homepage'
}
</script>

I try to use typescriot preprocessor in path/to/home/layouts/homepage.vue. On first access to localhost:3000/homepage, brower can show page correctly. But I reload brower and following error is displayed.

Nuxt.js Error:

TypeError: this._init is not a function
    at Object.VueComponent [as _homepage] (/path/to/home/node_modules/vue/dist/vue.runtime.common.js:4167:12)
    at Vue$3.loadLayout (App.vue:49:0)
    at Vue$3.boundFn [as loadLayout] (/path/to/home/node_modules/vue/dist/vue.runtime.common.js:166:14)
    at Object._callee$ (.nuxt/server.js:87:13)
    at tryCatch (~/regenerator-runtime/runtime.js:65:14)
    at GeneratorFunctionPrototype.invoke [as _invoke] (~/regenerator-runtime/runtime.js:303:0)
    at GeneratorFunctionPrototype.prototype.(anonymous function) [as next] (~/regenerator-runtime/runtime.js:117:0)
    at step (~/babel-runtime/helpers/asyncToGenerator.js:17:0)
    at server-bundle.js:1271:13
<!--cmty--><!--cmty_prevent_hook--><div align="right"><sub><em>This bug report is available on <a href="https://nuxtjs.cmty.io">Nuxt.js</a> community (<a href="https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c690">#c690</a>)</em></sub></div>