Vueのcomposition APIのエラー:Cannot read property ‘util’ of undefined
Vueのv3を使っていて、下のエラーが出ている場合の対処方法です。
エラー内容
vue-composition-api.esm.js?a6f4:64 Uncaught (in promise)
TypeError: Cannot read property 'util' of undefined
合わせて下の警告が出ました。
[Vue warn]: Unhandled error during execution of scheduler flush.
This is likely a Vue internals bug.
Please open an issue
at https://new-issue.vuejs.org/?repo=vuejs/vue-next
at <Home onVnodeUnmounted=fn<onVnodeUnmounted>
ref=Ref< undefined > >
エラーが出たscriptタグ
<script>
import { defineComponent, onMounted } from '@vue/composition-api'
import { ref } from '@vue/reactivity'
export default defineComponent({
setup() {
const aaa = ref(null);
const bbb = ref(null);
const ccc = ref(null);
function handleScroll() {
...
}
onMounted(() => {
...
});
return {
aaa,
bbb,
ccc,
}
},
})
</script>
解決方法
// import { defineComponent, onMounted } from '@vue/composition-api'
import { defineComponent, onMounted } from 'vue'
importする先をvueにすることで解決します。