vue3使用pug时,具名插槽解析错误?

作者站长头像
站长
· 阅读数 16

vue: "3.3.4"pug: "3.0.2"

只有具名插槽报错,默认的正常

ToolBar
    .sys_btns
        template(#end)
            span 123

ToolBar

...
slot(name="end")
...

报错:

[plugin:vite:vue] Codegen node is missing for element/if/for node. Apply appropriate transforms first.

网上能找到的方法都试了,没用。如下:

template(#end="")
template(v-slot:end)
template(v-slot:end="")
<template v-slot:end>xxx</template>

还有一个不知道怎么用:

globals: {
    'vue-jest': {
      pug: { doctype: 'html' }
    }
  }
回复
1个回答
avatar
test
2024-07-01
template(v-slot:end)
  span 123

即可。

解决这个问题很简单,找个 pug 输出 html,看怎样能满足 vue 的要求 就好。

回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容