vue3 vite typescript volar element-plus element标签报红问题的解决

故障就这样的：

        模块 ""element-plus"" 没有导出的成员 "FormInstance" 

根本原因是typescript升级造成的，推荐看网友同行的贴子：https://juejin.cn/post/7232114747348205605

也可以用我的方法来解决，看项目迁移工程量大小吧，我这个是“重做系统”的方法，他是改“注册表”的方法，都能解决。

至于原因咱也不知道，也没搞明白，一直以为是volar校验的问题，能开发咱就接着干，到了发布的时候傻眼了。所有这种报红的都是发布不成功的原因之一。

结果：可以编辑，可以运行，但发布不了。试过网上好多方法，都解决不了。

解决以后目前是这个配置，还没出现任何问题 ：

  "dependencies": {

    "@element-plus/icons-vue": "^2.1.0",

    "axios": "^1.3.6",

    "element-plus": "^2.3.4",

    "vue": "^3.2.47",

    "vue-router": "4",

    "vuex": "^4.0.2"

  },

  "devDependencies": {

    "@vitejs/plugin-vue": "^4.1.0",

    "sass": "^1.62.1",

    "typescript": "^4.9.3",

    "vite": "^4.2.0",

    "vue-tsc": "^1.2.0"

  }

解决方法：

新建一个项目，依次安装  element-plus,element-icons,其它组件，将代码拷到新项目里。

结语：

至于版本问题，这个组件的哪个版本和那个组件的哪个版本兼容，我确实搞不清楚，水平太有限，也没时间专心考查，只能用这种最笨的方法，依次排查，把范围缩到最小，然后依次增加，最终项目发布成功了。