Nuxt.js: `npm run generate` fails to generate `index.html`

Question

All static routes and dynamic routes are generated, but not index.html. Why not?

In nuxt-config.js I have:

const staticRoutes =
  [
    '/about',
    '/contact',
    '/portfolio'
  ]
const dynamicRoutes = async () => {
  const routes = await axios.get('https://my-site.com/wp/wp-json/projects/v1/posts')
    .then(res => res.data.map((project) => `/project/${project.ID}/${project.post_name}`))

  return routes
}

Nicolas Pennec · Accepted Answer · 2020-12-20 22:03:51Z

1

+200

You have to edit your dynamicRoutes function to add the index / route in your routes:

const dynamicRoutes = async () => {
  const routes = await axios.get('https://fabricepallaud.com/wp/wp-json/projects/v1/posts')
    .then(res => res.data.map((project) => `/project/${project.ID}/${project.post_name}`))

  routes.push("/")

  return routes
}

see https://github.com/nuxt-community/router-module#using-top-level-options

answered Dec 20, 2020 at 22:03

Nicolas Pennec

7,62131 silver badges44 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Nuxt.js: `npm run generate` fails to generate `index.html`

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related