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
原因：在组件上使用自定义指令导致
解决：将自定义指令绑定在已有组件(基础组件)
案例：

错误：

  按钮

正确：

  按钮