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.

Programmatic mode, Failed to show Nuxt.js app after 5 reloads

See original GitHub issue

Describe the bug

When i run nuxt in Programmatic mode, it shows error below:

image

To Reproduce Steps to reproduce the behavior:

  1. Clone repository https://github.com/shalldie/nuxt-programmatic-failed
  2. Run npm i & npm run dev
  3. See error

Expected behavior Nuxt works well.

Additional context

You can see detail step and how i fix it in a demo repository:

https://github.com/shalldie/nuxt-programmatic-failed

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:6

github_iconTop GitHub Comments

24reactions
shalldiecommented, Oct 16, 2019

nuxt-programmatic-failed

SHOW ERROR

Failed to show Nuxt.js app after 5 reloads

Your Nuxt.js app could not be shown even though the webpack build appears to have finished.

Try to reload the page manually, if this problem persists try to restart your Nuxt.js dev server.

Step to show error

$ npm i

$ npm run dev

How i fix this:


# 1. reset
$ rm -rf node_modules

$ rm package-lock.json

# 2. install nuxt first
$ npm i nuxt --save

# 3. install another two modules second
$ npm i @nuxt/typescript-build @nuxt/typescript-runtime --save

# 4. install other modules at last
$ npm i

# 5. it works!!
$ npm run dev

So i think, the order of deps that matters!

The error repository branch: https://github.com/shalldie/nuxt-programmatic-failed

The branch i fix it, you can find out what are different in package-lock.json: https://github.com/shalldie/nuxt-programmatic-failed/tree/order

1reaction
georgyfarnievcommented, Oct 17, 2019

@kevinmarrec yes, it’s irrelevant to usage mode or runtime. You can easily check my example repo in original issue, but I tried it many times with my colleague while removing node_modules for sure.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Failed to show Nuxt.js app after 5 reloads. - GitHub
Failed to show Nuxt.js app after 5 reloads Your Nuxt.js app could not be shown even though the webpack build appears to have...
Read more >
Run Nuxt 3 programmatically - typescript - Stack Overflow
Try running npm cache clean --force or npx nuxi clean before building. Your error may be the consequence of changing publicPathDir or other...
Read more >
Loading - Nuxt
To do so, you need to give a path to your component in the loading option. Then, your component will be called directly...
Read more >
Release Notes - Nuxt.js
What's new? New target: static and full static using nuxt export; Built-in .env support and runtimeConfig; Auto components discovery with nuxt/components ...
Read more >
Nuxt.js for Busy Developers - CODE Magazine
If you do server-side rendering with Vue.js, Nuxt.js helps you organize folders ... Figure 5 shows when the CLI finishes building your app....
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