webstom找不到vue全局组件

我真多服气,引入了自动组件注册

   // 自动引入组建
   import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'

    Components({
        directoryAsNamespace: true,
        resolvers: [ElementPlusResolver()]
    }),

生成了 components.d.ts 但是我在webstom中定义了标签

在这里插入图片描述

除非自动引入不然就进不来,这并不是重点,重点是我还引入了vue自动引入组件

  // 自动倒入原始组建
    AutoImport({
        imports: ['vue', 'vue-router'],
        resolvers: [ElementPlusResolver()],
        eslintrc: {
            enabled: false
        }
    }),

如果说上面的组件引入有问题,但是很奇怪的是 vue 的自动引入就可以

在这里插入图片描述

在这里插入图片描述

这就很有毒

我尝试了不添加组件,进行编译,编译器中我也引入了这两个生成的自动导入文件。

所以我认为是这样,vue的文件是可以导入的,是因为在script 标签里面,相同的自动导入组件应该也是进来了,不然项目会报错,但是项目没有,所以一定是webstom的问题,于是我去目录里面去挂靠

在这里插入图片描述

去挂靠这个文件,html是由语法控制配置的
在这里插入图片描述
但是这个只能自定义标签,不可能一个个配置,肯定是保留在vue里面的node——model里面所以我放弃了,我觉得只要引入就好了,百度了三个小时。没有找到结果,反而有vs的解决方式,但是我比较喜欢用webstom 可能因为我用idea 写后端的缘故

直接说重点,既然是webstom的问题,我觉得我应该去官网看看,然后找了一个多小时,看到了这个

在这里插入图片描述
链接

我由看了一眼我的版本是2021的所以,别搞了,放弃吧。

其实全局组件无法载入看来是没得完了

下载 https://www.jetbrains.com/zh-cn/webstorm/download/other.html 2022.1

覆盖以前版本

在这里插入图片描述
在这里插入图片描述
完美


版权声明:本文为weixin_44550490原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。