Description
Environment
- OS Windows 10
- node.js v14.18.0
Describe the bug
<template>
<div> Hello World </div>
</template>
<script lang="ts">
import { Vue } from 'vue-class-component'
export default class IndexPage extends Vue {
//
}
</script>
error
runtime-core.esm-bundler.js:6568 [Vue warn]: Component is missing template or render function.
at <Anonymous onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< undefined > key="/" >
at <BaseTransition mode="out-in" appear=false persisted=false ... >
at <Transition name="page" mode="out-in" >
at <NuxtLayout key=0 name=undefined >
at <RouterView>
at <NuxtPage>
at <App>
at <Root>
runtime-core.esm-bundler.js:6568 [Vue warn]: Hydration node mismatch:
- Client vnode: Symbol(Comment)
- Server rendered DOM: <div class="title"> Hello World </div>
at <Anonymous onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< undefined > key="/" >
at <BaseTransition mode="out-in" appear=false persisted=false ... >
at <Transition name="page" mode="out-in" >
at <NuxtLayout key=0 name=undefined >
at <RouterView>
at <NuxtPage>
at <App>
at <Root>
runtime-core.esm-bundler.js:3227 Hydration completed but contains mismatches.
Reproduction
https://gitlab.com/jimhucksly/pitertour/-/tree/master
Additional context
No response
Logs
No response