question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

"resolveRouteComponents is not defined" on $router.push

See original GitHub issue

Version

@nuxt/content: 1.3.1 nuxt-edge: 2.13.0-26519060.8933d375

Using target: static and ssr: true in nuxt config.

Reproduction Link

Tried to fork this to create one: https://codesandbox.io/s/nuxtcontent-demo-l164h But before I changed anything on codesandbox fails with “Uncaught Error: Module build failed: Error: ENOENT: no such file or directory, open ‘/sandbox/node_modules/html-entities/lib/index.js’” error.

Anyway, if it would not fail it would be probably something like this: https://codesandbox.io/s/nuxtcontent-demo-dgfy5

Steps to reproduce

If i use this.$router.push() from a method for example triggered by a click event, it shows a 500 error page with the text of “resolveRouteComponents is not defined”, but just for a brief moment, then the navigation succeeds. No error was written to the console.

What is Expected?

It should not display an error page when navigating. Not even for a brief moment.

What is actually happening?

It shows a 500 error page for a 100ms or so.

nuxt_content_500

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Reactions:2
  • Comments:17 (2 by maintainers)

github_iconTop GitHub Comments

3reactions
pi0commented, Jun 23, 2020

Hi! Sorry for the inconvenience guys. Still couldn’t track down what triggered this bug (should be related to _queryChanged triggering) but the root cause is obvious. The hotfix will be landed ASAP (nuxt/nuxt.js#7591)

2reactions
pi0commented, Jun 24, 2020

Hi! This should be fixed with v2.13.1.

Read more comments on GitHub >

github_iconTop Results From Across the Web

error while using params in the router.push function vue-router 4
vue checks if the router is exists with the given name, for example when i put /actions-log/3 as params int the url it...
Read more >
Understand Routing in Vue.js With Examples | by SaidHayani
The $router method takes two parameters, first the name of the component, we want to navigate and the second parameter is the the...
Read more >
Vue Router and the Composition API
The introduction of setup and Vue's Composition API, open up new possibilities but to be able to get the full potential out of...
Read more >
How to Use Vue Router: A Complete Tutorial - Vue School Blog
In this article, we will deep dive into Vue Router 4 (used with Vue 3). ... The router instance has a function called...
Read more >
Routing in Vue3: Navigating the Options - CODE Magazine
The purpose of the Router is to define a set of rules to map URL patterns ... The same as router.push but doesn't...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found