项目场景：

VUE3 中报TS2305: Module ‘"…/…/node_modules/vue/dist/vue"’ has no exported member ‘ref’.

问题描述：

TS2305: Module ‘"…/…/node_modules/vue/dist/vue"’ has no exported member ‘X’
vue3中所有的组件引入都报错，提示方法模块不存在

原因分析：

最开始以为是vue版本不对，从vue3.0.0升级到最新的vue3.2.20 依旧报错。
后面在stackOverflow 上找到同样的问题才发现原因是typescript版本的问题。
昨天npm i 更新了插件的版本，新的版本和typescript3.9.3版本不兼容导致的问题。更新为typecript4.3.5版本就解决问题了。
> stack Overflow上的解决方案

解决方案：

npm i typescript@4.3.5
                    项目场景：VUE3 中 报TS2305: Module ‘"…/…/node_modules/vue/dist/vue"’ has no exported member ‘ref’.问题描述：TS2305: Module ‘"…/…/node_modules/vue/dist/vue"’ has no exported member ‘X’vue3中所有的组件引入都报错，提示方法魔力不存在 原因分析： 最开始以为是vue版本不对，从vue3.0.0升级到最新的vue3.2.20 依旧报
bug复盘
在启动写vue项目后，新增一个vue，这个script标签中未添加lang=ts 修改script lang=ts后，发现无论怎么修改ts都会报这个错，Module ‘".vue"’ has no exported member ‘xxx’. Did you mean to use 'import xxx from ".vue"’ instead?
这个时候就需要重启一下服务了，不然就算添加上去也无法被识别到
				Vue-Magnifier：一个简单的VueJS 2.x组件有关演示，请访问：https://codepen.io/zeknoss/pen/vaxGKe Vue放大镜是b的免费组件Vue-Magnifier：一个简单的VueJS 2.x组件有关演示，请访问：https://codepen.io/zeknoss/pen/vaxGKe Vue放大镜是基本图像缩放实践的免费组件。
您可以按以下方式使用它：
要自定义组件的外观，只需编辑vue组件文件，或提供的独立vue-magnifier.scss或vue-magnifier.css文件。
从CDN独立加载
				运行3项目显示Module ‘“vue”’ has no exported member ‘xxxx’. Did you mean ‘Xxxx’? TS2305: Module ‘“…/…/node_modules/vue/dist/vue”’ has no exported member xxxx
问题描述：
Module '"vue"' has no exported member 'xxxx'. Did you mean 'Xxxx'?
TS2305: Module ‘"…/…/node_mo.
> vue-ui@1.0.0 build
> webpack --mode=production --node-env=production --config ./build/webpack.prod.config.js
[webpack-cli] ReferenceError: MiniCssExtractPlugin is not defined
				详情介绍：https://blog.csdn.net/s1t16/article/details/128573112
前端：html, css, JavaScript，vue 全家桶 : vue-cli, vue-router, axios 等、UI 框架：Element-UI
服务端：node.js, express 框架
要求用户注册登录
每个项目有项目名称、项目密码和负责人；只有知道项目密码的用户才能进入一个项目组队
谁都可以建立一个空组（可以只允许项目负责人建立空组）
每个人最后只能在一个组。
可以限定一些人只能加入几个组之一。
每个组要有一个组长
到了截止日期将不允许任何改变。
分组情况可以转换到 Excel 表中。
 在您HTML文件中包括echarts和vue-echarts ，如下所示：
 < script src =" https://cdn.jsdelivr.net/npm/echarts@4.1.0/dist/echarts.js " > </ script >
< script src =" https://cdn.jsdelivr.net/npm/vue-e
ref 被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs 对象上。如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子组件上，引用就指向组件实例：
refs ：一个对象，持有注册过 ref 特性 的所有 DOM 元素和组件实例。
我自己的话：
ref用来给元素或者组件注册信息。refs是包含所有ref信息的对象。
给元素注...
照搬示例模块，添加了自定义的模块，名称为device，代码全部正确，VSCode没有报错，但是npm启动时各种报错：
主要是TS2307: Cannot find module、TS2305: Module XXX has no exported member 之类的提示。
可是代码检查完全正确，那么原因到底在哪？
网上找了一圈也没有答案。
盯着VSCode中的项目...
                TS2305: Module ‘“../../node_modules/vue/dist/vue“‘ has no exported member ‘ref‘.
                    Jonathan Star: 
                    这个方法我可以成功