Breaking News: Grepper is joining You.com. Read the official announcement!

Next.js Error Getting 404 When Fetching JS Resources

myagizmaktav answered on April 16, 2024 Popularity 3/10 Helpfulness 1/10

answer Next.js Error Getting 404 When Fetching JS Resources

Next.js Error Getting 404 When Fetching JS Resources

Comment

https://stackoverflow.com/a/77450497/20358783

when building the application in the container startup, it generates distinct
.next folder for each node with different artifacts, 
leading this separation results in chunk not found errors.
Renaming the filenames and chunks on the client side in the webpack
configuration will be able to keep the same artifacts across all builds will
helps to resolve chunk not found issue. Adding the following 
on next.config.js solved the chunk loading issue, and ultimately, solved the issue.

webpack: (config, { buildId, dev, isServer, defaultLoaders, webpack }) => {
    if (!isServer) {
      config.output.filename = 'static/chunks/[name].js';
      config.output.chunkFilename = 'static/chunks/[name].js';
    }
    return config;
  }

Popularity 3/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: javascript next.js resources when

Link to this answer
Share Copy Link