TS2305: Module ‘“../../node_modules/vue/dist/vue“‘ has no exported member ‘ref‘.

项目场景：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中所有的组件引入都报错，提示方法魔力不存在原因分析

青浅l

11859人浏览 · 2021-10-13 11:35:41

青浅l · 2021-10-13 11:35:41 发布

项目场景：

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上的解决方案

在这里插入图片描述