/pages/all.module.js 404

[mousedown]

I get a 404 on a production build for this .js

It's not mentioned in the chunks in the output, and the site doesn't appear to need it. Anyone know why I'm getting this, and how to stop the request if it's not needed.

next.config.js

const { withPlugins } = require('next-compose-plugins');
const webpack = require('webpack');
const withOptimizedImages = require('next-optimized-images');
const withOptimisedAssets = require('optimize-css-assets-webpack-plugin');

// next.js configuration
const nextConfig = {
  env: {
   shhh
  },
  experimental: {
    modern: true,
    async rewrites() {
      return [
        { source: '/sitemap.xml', destination: '/api/sitemap' },
        { source: '/', destination: '/[type]/' }
      ]
    },
    catchAllRouting: true
  },
  webpack: config => {
    mode: 'production';
    config.resolve.modules.push(__dirname);
    config.resolve.alias = {
      ...config.resolve.alias,
    };

    config.optimization.minimizer.push(new withOptimisedAssets({}));

    return config;
  },
};

// module.exports = { experimental: { granularChunks: true } };
module.exports = withPlugins(
  [withOptimizedImages],
  nextConfig
);

[timneutkens]

I'm assuming it's because of config.optimization.minimizer.push(new withOptimisedAssets({}));, this plugin is not needed as Next.js will automatically minify the CSS if you use built-in CSS support.

[mousedown]

Thank you

[mousedown]

For anyone searching for similar, this was caused by a stray element pointing to yep you guessed, all 🙄

experimental: {
modern: true

Will also change the request to page.module.js