"resolveRouteComponents is not defined" on $router.push

[ianchak]

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.

[ianchak]

Seem like the problem was with nuxt-edge and not nuxt/content. I've reverted to 2.12.2 and in universal mode I cannot reproduce this.

[rajesh-h]

@ianchak I am also getting same error on latest nuxt-edge.

[rajesh-h]

@pi0 in case you know the actual reason for this behaviour please do let me know

[rajesh-h]

I see this behavior is observed only on my mobile chrome browser. my laptop browser doesn't throw this error.

So not sure how do I debug this. tried with nuxt 2.13

[skoulix]

Same issue for me with Nuxt 2.13.0

II have a common navbar in my app assigning paths dynamically with the ":to" property. The page is not changing and I have the "resolveRouteComponents is not defined" error message.

[rajesh-h]

@skoulix atleast you feel where the actual error might be happening. I did not come to know what was happening.

I actually created new nuxt project from scratch and imported my code from old app to new. Now I do not have that error anynmore.

Even earlier also I had this issue only on Mobile browser. I didn't face issue in normal browser.

In my new project I ignored few modules which I had in my package.json

New Repo - https://github.com/rajesh-h/cs_com
Old Repo - https://github.com/rajesh-h/cs_content

New site (Still in Dev) - https://cscom.netlify.app (Please let me know if you see the error by any chance)

Probably you can have a look at my old package.json and see is there any common module like nuxt-polyfill or Vue-observe-visibility etc:

I didn't go to see what exactly was causing issue.

[skoulix]

@rajesh-h

Thanks for your reply. I will check and let you know.

For me it happens whenever I'm calling the this.$router.push() like @ianchak mentioned. Same issue. The message appears stays for a while and then disappears with the next page rendered as normal.

[rajesh-h]

In my case I did not have this.$router.push() but I had nuxt-link's.

do you have this behavior on laptop/desktop browser as well? in my case it was only on Mobile. So very difficult to debug where is the problem.

All the best , hope you resolve it soon.

[weihao]

@ianchak same issue.

[skoulix]

It happens every time the Router is being used either by using the to property directly to pass the links or using the $router.push() programatically. To my project it doesn't matter if it's a mobile browser or not, like other people mentioned. If I downgrade to previous version of Nuxt everything works and the same error doesn't exists.

[ReindDooyeweerd]

Same issue over here, it just flashes by on the screen with the following message,

resolveRouteComponents is not defined
An error occurred while rendering the page. Check developer tools console for details.

No errors however in the console or on the commandline. It just flashes by while everything seems to work fine. Doesn't matter if i'm on mobile or desktop view, dev or production mode.

▸ Environment: development
▸ Rendering:   server-side
▸ Target:      server