vue3 setup语法糖打包Component is missing template or render function

Mosowe 2021-07-14 16:48:28

vue3 setup语法糖在本地调试开发的时候没问题，版本vue@3.1.4，当我build发布生产后，控制台警告：Component is missing template or render function.且页面空白。使用刚创建的模板稍微改一点为语法糖模式也是如此，请问有大神知道怎么回事吗？

...全文

5338 7 打赏收藏转发到动态举报

写回复

7 条回复

切换为时间正序

请发表友善的回复…

发表回复

全干小王子 2022-05-13

打赏
举报

回复

2020就修复了现在还是啊，都是安装的最新版本

zhouyicchi 2021-11-09

打赏
举报

回复

同样用vue-router4+vue3会存在同样的问题，楼主解决了吗

Mosowe 2021-11-09

举报

回复

@zhouyicchi 我发现用vite+vue3+ts，语法糖没问题，你可以看看我自己搞的这个：https://blog.csdn.net/skyblacktoday/article/details/120886112

Edward Yan 2021-12-08

举报

回复

@zhouyicchi 请问你解决了嘛

zhouyicchi 2021-12-29

举报

回复

@Edward Yan https://github.com/vitejs/vite/issues/610 可以看下这个原因

2条回复

我们在 Vue2编写组件的时候，会在 props、data、methods、computed 等 options 中定义一些变量。在组件初始化阶段，Vue内部会处理这些 options，即把定义的变量添加到了组件实例上。等模板编译成 render 函数的时候，内部通过 with(this){} 的语法去访问在组件实例中的变量。那么到了 Vue3，新出现的setup启动函数，是整个组件逻辑组织的入口，我们可以在它内部写composition-api，以更加直观的形式声明变量，有利于代码的逻辑组织和复用，但

在 Vue 3 中，组件是构建用户界面的基本单元。组件可以是全局注册的，也可以是局部注册的，根据不同的需求选择合适的注册方式至关重要。Header.vue：网站头部Footer.vue：网站底部：文章列表：单篇文章在开发过程中，开发者发现组件无法正确渲染，浏览器控制台报错。接下来，我们将分析和解决这一问题。组件注册是 Vue 3 应用开发中的基础环节，正确的组件注册不仅确保组件的正常渲染和功能实现，还提升了代码的可读性和可维护性。

Vue.js 3.0 允许我们在编写组件的时候添加一个 setup 启动函数，它是 Composition API 逻辑组织的入口，本节课我们就来分析一下这个函数。我们先通过一段代码认识它，在这里编写一个 button 组件：可以看到，这段代码和 Vue.js 2.x 组件的写法相比，多了一个 setup 启动函数，另外组件中也没有定义 props、data、computed 这些 options。在 setup 函数内部，定义了一个响应式对象 state，它是通过 reactive API 创建的。st

Vue 3尚未正式发布，但是维护者已经发布了Beta版本，供我们的参与者尝试并提供反馈。如果你想知道Vue 3的主要功能和主要变化是什么，那么我将在这篇文章中重点介绍一下，告诉你使用Vue 3 beta 9创建一个简单的应用程序。我将介绍尽可能多的新内容，包括fragments，teleport，Composition API以及其他一些晦涩的更改。我将尽力解释该功能或更改的原理。目录文章目录我们将建立什么Vue 3安装和setup创建一个新的Vue 3 app变化的原因添加state属性变化的原.

Vue 3 已经发布三年，我们有较多项目还停留在 Vue 2。Vue 3 的升级是比较割裂的,我们主要做的是 2B 业务，项目、模块、分支都非常多，因此升级的成本和风险都比较高。我们目前的策略是 “新旧并存，渐进式升级”，旧的项目就尽量不变了，新的项目强制使用新的技术栈。利用微前端架构，新旧应用可以灵活地组合起来。因此我们的业务组件库、工具库之类需要考虑兼容旧的 Vue 2 项目。这篇文章，就向...

1,937

社区成员

868

社区内容

发帖

与我相关

我的任务

前端技术论坛（原bbs）

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

亲爱的CSDN小伙伴你们好，我是一个全新的社区，成立之初请CSDN的小伙伴们帮忙推广一下我们VUE社区，欢迎大家来这里讨论VUE相关问题哦～

另外对社区做出重大贡献者，可以联系版主授予称号～

试试用AI创作助手写篇文章吧

+ 用AI写文章