'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 |