'Uncaught TypeError: Cannot read properties of undefined (reading 'deep')

I am develop a google chrome extension using vue3 + typescript. I use v-link like this in the vue3 template like this:

<li>
   <a v-link="{name:'about',activeClass:'active'}">About</a>
</li>

when run this code in the app, shows error like this:

Uncaught TypeError: Cannot read properties of undefined (reading 'deep')
    at withDirectives (option.js:10888:17)
    at Proxy.render (option.js:17637:72)
    at renderComponentRoot (option.js:8084:44)
    at ReactiveEffect.componentUpdateFn [as fn] (option.js:12178:57)
    at ReactiveEffect.run (option.js:6038:25)
    at setupRenderEffect (option.js:12304:9)
    at mountComponent (option.js:12087:9)
    at processComponent (option.js:12045:17)
    at patch (option.js:11646:21)
    at render (option.js:12789:13)

the vue-router version is "vue-router": "^4.0.12", why did this happen? what should I do to fix this problem?



Solution 1:[1]

in your main.ts use like this "const app = createApp(App);app.directive(xxx) ;app.mount('#app');"

when i use the code" const app = createApp(App) ; app.directive(xxx) ;createApp(App).mount('#app')". error happend

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 daixinyu