Slug routes not building in development

In development, running npm run dev:rollup and npm run dev:server as instructed, routes in blog/route.js are not being built.

For example, with the following in src/routes/blog/route.js, /blog/hello-world is “Not Found”:

module.exports = {
  all: () => [{ slug: 'hello-world' }],
  permalink: ({ request }) => `/blog/${request.slug}`,
};

After building with npm run build and starting the dev server again, the route loads. Subsequent changes to the Blog template do not cause dev:rollup builds and are not reflected until npm run build is executed again. Is this expected behavior?

[nickreese]

I’ve fixed the rollup on the template as well. It won’t try and rollup an empty components folder.

[nickreese]

OK sorted it out. It appears that we’re assuming a trailing slash in Elder.js. Add in a trailing slash in your route.js and it works.

module.exports = {
  all: () => [{ slug: 'hello-world' }, { slug: 'foo-bar' }],
  permalink: ({ request }) => `/blog/${request.slug}/`,
};