vue3引入onMounted后使用onMounted方法后控制台报错分析（Uncaught (in promise) TypeError: (0 , _vue_reactivity__WEBPAC）

报错截图

报错中已经大致的提示了，onmounted不是一个函数（方法），所以分析是vue没有找到，所以是引入的时候出了问题。

Uncaught (in promise) TypeError: (0 , vue_reactivity__WEBPACK_IMPORTED_MODULE_1_.onmounted) is not a function

所以我们看是如何引入的

import { ref,onMounted } from "@vue/reactivity";

解决方案

import { ref,onMounted } from "vue";

不要@vue/reactivity，直接vue，引入ref的时候@vue/reactivity是没错的，但是onMounted只能vue，

总结

将from后的@vue/reactivity改为vue