Vueのcomposition APIのエラー:Cannot read property ‘util’ of undefined

Vue.js

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にすることで解決します。

Vue.js

Posted by devsakaso