【compiler-core】为什么插槽混用会导致作用域不明确的问题?会导致编译阶段报错,且报错内容难以定位是插槽混用导致的
Version
3.2.33
Reproduction link
Steps to reproduce
- 打开复现链接
- 去掉
src/App.vue
中的注释内容
What is expected?
希望页面能够正常渲染,因为从代码内容来看,作用域是明确的
What is actually happening?
编译阶段报错:
Codegen node is missing for element/if/for node. Apply appropriate transforms first.
不太理解文档中的「导致作用域不明确」具体是什么问题
插槽里面用插槽确实会报错
<template>
<Child v-slot="slotPropsDefault">
<h2>default {{ slotPropsDefault.task }}</h2>
<template v-slot:header="slotPropsHeader">
<h2>header, {{slotPropsHeader.task}}</h2>
</template>
<template v-slot:footer="slotPropsFooter">
<h2>footer, {{slotPropsFooter.task}}</h2>
</template>
</Child>
</template>
<script>
import Child from './Child.vue'
export default {
name: "App",
components: {
Child,
},
};
</script>