最近初学vue3遇到的一个小问题，这个小问题让我感到很讨厌。这个问题是在使用封装的全局组件的时候，出现的这个错。

我使用的是vite+typescript+pinia开发vue3项目的，因为我也是刚接触，最近被这个问题困扰到。先看代码：

<script lang="ts" setup name="XtxMore">
</script>
<template>
  <RouterLink
    to="/"
    class="xtx-more"
  >
    <span>
      <slot>查看全部</slot>
    </span>
    <i class="iconfont icon-angle-right"></i>
  </RouterLink>
</template>

这个时候控制台中就会报错：

 这是因为我们在给组件起名字的时候，也就是给组件添加name属性的时候，script标签里面没有内容，会导致解析不出来，就会报那个错误。

在script标签中随便添加点内容就好了

<script lang="ts" setup name="XtxMore">
defineProps()
</script>
<template>
  <RouterLink class="xtx-more">
    <span>
      <slot>查看全部</slot>
    </span>
    <i class="iconfont icon-angle-right"></i>
  </RouterLink>
</template>