Error with VueRoute when jump to other route/page
See original GitHub issueHello,
I trie to use GuideChimp inside a vue-nuxt-application.
I created a plugin for this and integrate this plugin in nuxt.config:
// plugins/vue-guidechimp.js
import Vue from 'vue';
import GuideChimp from 'guidechimp';
import 'guidechimp/dist/guidechimp.min.css';
import vueRouterPlugin from 'guidechimp/dist/plugins/vueRouter';
export default ({app}) => {
GuideChimp.extend(vueRouterPlugin, app.router);
Vue.use({
install(V) {
V.prototype.$guideChimp = GuideChimp;
},
});
};
This is working: I can trigger a demo tour and the steps are displayed correctly.
But when I reach the step where I want to jump to anotuer page/route (I do this with route: this.localePath({name: ‘myData’})) I get the following error (on the next page - so it seems loading the route works fine):
vueRouter.js?dd68:137 Uncaught (in promise) TypeError: Cannot read property 'catch' of undefined
at _callee$ (vueRouter.js?dd68:137)
at tryCatch (vueRouter.js?dd68:221)
at Generator.invoke [as _invoke] (vueRouter.js?dd68:450)
at Generator.prototype.<computed> [as next] (vueRouter.js?dd68:273)
at asyncGeneratorStep (vueRouter.js?dd68:914)
at _next (vueRouter.js?dd68:936)
at eval (vueRouter.js?dd68:943)
at new Promise (<anonymous>)
at GuideChimp.eval (vueRouter.js?dd68:932)
at GuideChimp.eval (vueRouter.js?dd68:148)
_callee$ @ vueRouter.js?dd68:137
tryCatch @ vueRouter.js?dd68:221
invoke @ vueRouter.js?dd68:450
prototype.<computed> @ vueRouter.js?dd68:273
asyncGeneratorStep @ vueRouter.js?dd68:914
_next @ vueRouter.js?dd68:936
eval @ vueRouter.js?dd68:943
eval @ vueRouter.js?dd68:932
eval @ vueRouter.js?dd68:148
eval @ guidechimp.js?b95d:2364
Hope you can help me with this.
Best regards,
Timo
Issue Analytics
- State:
- Created 2 years ago
- Comments:9 (4 by maintainers)
Top Results From Across the Web
Vue.js redirection to another page - Stack Overflow
To navigate to a different URL, use router.push. This method pushes a new entry into the history stack, so when the user clicks...
Read more >Redirect and Alias - Vue Router
When writing a redirect , you can omit the component option because it is never directly reached so there is no component to...
Read more >$router.push() followed by redirect in a route's beforeEnter ...
It's simply a navigation ( $router. push ) that generates a redirect ( next('/foo') ) in a beforeEnter hook.
Read more >Guide to Vue Router Redirects - Stack Abuse
The main emphasis is on the second object which takes in the path and redirect options, when a user navigates to the set...
Read more >How to Redirect in Vue - Michael Thiessen
But what if you want to redirect programmatically, without using an anchor tag at all? If you're using Vue Router you'll push the...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found

Great - I’m happy to check the next version!
I just updated to new version 4.0.2 and it’s working now.
Unfortunately I have another error/problem with the selected/highlighted element but I will create a new issue for this.