I make a componentChild extends componentParent.
It is describe in https://vuejs.org/api/options-composition#extends
// componentParent.vue
<template>
<div>componentParent</div>
</template>
<script setup>
defineOptions({
name: 'componentParent'
})
defineProps({...})
defineEmits({...})
</script>
// componentChild.vue
<script>
import componentParent from './componentParent.vue';
export default {
name: 'componentChild',
extends: componentParent,
setup(props, ctx) {
return {
...componentParent.setup(props, ctx)
}
}
}
</script>
In “webpack development” mode, componentChild is rendered
But, in “webpack production” mode, componentChild is not rendered. In html there are no dom.
(If componentParent is made as a option api, Everything is ok)
How can I render componentChild in webpack production mode?