vue3 引入 ref 函数时发生错误，Module '"../../node_modules/vue/dist/vue"' has no exported member 'ref'.

vue3 + TypeScript 引入 ref 函数 [ import { ref } from 'vue' ] 时发生错误，显示 Module '"../../node_modules/vue/dist/vue"' has no exported member 'ref'.

img

--> App.vue

<template>
        <dv-loading v-if="isShow">Loading...</dv-loading>
</template>

<script lang="ts">
import { ref } from 'vue'
export default {
  setup() {
    const isShow = ref<boolean>(true);
    
    return {
     isShow 
   };
}
</script>

第一张图里说你的onMounted没找到呀，你给的文字咋是没找到ref了？
第一张里边 应该使用 import {onMounted} from 'vue' 吧？

遇到了一样的问题，项目跑起来是没问题的，报红看着难受

有解决方案么？看着报红很难受呀
尝试把ts更新到4.3.5 和 vetur卸载都没效果

你试试在export default 后面加个 defineComponent 这个defineComponent 在import里面引入一下，或者 你把那个Vetur的插件给禁用了 然后再重新加载一下

我也遇到了这个问题，不止ref，reactive也报这个错，vetur插件也禁用了，换成了volar，ts版本我也检查了，是4.5.4的版本，但还有这个问题

一些与 vue 相关的依赖性在更新后与 3.x 版本的 TypeScript 不兼容。版本更新到4.3.5或4.xx就可以了