vite2.x+vue3踩坑

解决vscode中项目使用element组件提示异常问题

tsconfig.json/jsconfig.json

• 增加

    "vueCompilerOptions": {
        //去掉volar下el标签红色波浪线问题
        "experimentalDisableTemplateSupport": true
    }

解决vue3使用自定义指令反馈异常
Runtime directive used on component with non-element root node
原因：在组件上使用自定义指令导致
解决：将自定义指令绑定在已有组件(基础组件)
案例：

错误：
<el-tooltip v-auth="name">
  <el-button>按钮</el-button>
</el-tooltip>
正确：
<el-tooltip>
  <el-button v-auth="name">按钮</el-button>
</el-tooltip>