/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>