Vite+Vue3+TS 自定义全局组件,无法不能高亮解析的解决办法

检查package.json中的devDependencies是否安装@vue/runtime-core依赖,没有的话,安装后重启VS Code

一、安装依赖

$ yarn add @vue/runtime-core -D
$ yarn add unplugin-vue-components -D

二、配置

vite.config.ts

import Components from "unplugin-vue-components/vite";
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'

{
    plugins: [
      Components({
        extensions: ['vue'],
        include: [/\.vue$/, /\.vue\?vue/],
        resolvers: ElementPlusResolver()
      })
    ]
}

tsconfig.json

{
    "include": [
        "./components.d.ts",
    ]
}

三、重启 VS Code

posted @ 2023-02-07 18:13  byFormer  阅读(182)  评论(0编辑  收藏  举报