Error with vue in meteor 3 projects

I have some warnings while creating vue/meteor project.

Also, when i start app, vue-router not working

vue-router.js?v=55bc0cf0:198 [Vue Router warn]: Unexpected error when starting the router: TypeError: dep.keys is not a function or its return value is not iterable
at triggerEffects (chunk-UROWJXKL.js?v=89d17fc9:531:29)

It looks like vite bundle error

Hi @romanorlovskiy and welcome! :wave:

Can you please check if you installed npm install meteor-vite@latest?

I also created a tutorial for a new Meteor project:

It does not cover typescript but if the error persist even with the above resources, then please let us know

2 Likes

Some Meteor 3 starter templates with Vue 3:

And meteor create --release 3.0.1 lets you choose a Vue 3 skeleton as well. Did it yesterday and it was working fine. Perhaps you can get some hints from those sources.

1 Like

Thanks for tutorial, in my yandex browser (based on chromium) error is still reproduced, but i download another browser Arc and in Arc meteor 3 with vue working norm) Vue-router working.

I don’t know why in yandex browser vite have error for vue-router:

[Vue Router warn]: Unexpected error when starting the router: TypeError: dep.keys is not a function or its return value is not iterable
at triggerEffects (chunk-UROWJXKL.js?v=d093e459:531:29)
at triggerRefValue (chunk-UROWJXKL.js?v=d093e459:1311:5)
at set value (chunk-UROWJXKL.js?v=d093e459:1358:7)
at finalizeNavigation (vue-router.js?v=9d8cfed0:2509:24)

Error in triggerEffects

Hmm this seems to be an issue with Vue router in general. Maybe you open an issue in their repository and provide some more details about your browser.

I found same error issue in meteor repository: Cordova iOS - Not working with Vue3 · Issue #12958 · meteor/meteor · GitHub