Next.js Discord

Discord Forum

Dev server crashing

Unanswered
American Sable posted this in #help-forum
Open in Discord
American SableOP
It started randomly yesterday on a single machine only. Tried to remove the project complete and reclone / reinstall modules
The only thing fixed it was this change below
let outputPath = "build";

// This FIXES the above issue, but breaks nextImageOptimizer 
if (process.env.WEIRD !== undefined) {
    console.log("Running in WEIRD mode");
    outputPath = ".next";
}

const withNextIntl = require("next-intl/plugin")();

/** @type {import('next').NextConfig} */
const nextConfig = {
    output: "export",
    distDir: outputPath,
    trailingSlash: true,
    generateEtags: true,
    transpilePackages: ["next-image-export-optimizer"],
    images: {
        loader: "custom",
        imageSizes: [16, 32, 48, 64, 96, 128, 256, 384],
        deviceSizes: [640, 750, 828, 1080, 1200, 1920, 2048, 3840],
    },
    env: {
        // https://github.com/Niels-IO/next-image-export-optimizer
        nextImageExportOptimizer_quality: "75",
        nextImageExportOptimizer_storePicturesInWEBP: "true",
        nextImageExportOptimizer_generateAndUseBlurImages: "true",
        // Any images found in /public/original will be optimized
        // and copied to /public/optimized-images
        nextImageExportOptimizer_imageFolderPath: "public/original",
        nextImageExportOptimizer_exportFolderName: "optimized-images",
        nextImageExportOptimizer_exportFolderPath: outputPath,
    },
};

module.exports = withNextIntl(nextConfig);

// -- Image optimization
// https://github.com/Niels-IO/next-image-export-optimizer?tab=readme-ov-file#installation

6 Replies

American SableOP
⨯ Error: Cannot find module 'C:\wamp64\www\my-project\build\server\middleware-manifest.json'
Require stack:
- C:\wamp64\www\my-project\node_modules\next\dist\server\next-server.js
- C:\wamp64\www\my-project\node_modules\next\dist\server\dev\next-dev-server.js
- C:\wamp64\www\my-project\node_modules\next\dist\server\next.js
- C:\wamp64\www\my-project\node_modules\next\dist\server\lib\start-server.js
    at Module._resolveFilename (node:internal/modules/cjs/loader:1144:15)
    at C:\wamp64\www\my-project\node_modules\next\dist\server\require-hook.js:55:36
    at Module._load (node:internal/modules/cjs/loader:985:27)
    at Module.require (node:internal/modules/cjs/loader:1235:19)
    at mod.require (C:\wamp64\www\my-project\node_modules\next\dist\server\require-hook.js:65:28)
    at require (node:internal/modules/helpers:176:18)
    at DevServer.getMiddlewareManifest (C:\wamp64\www\my-project\node_modules\next\dist\server\next-server.js:910:26)
    at DevServer.getEdgeFunctionsPages (C:\wamp64\www\my-project\node_modules\next\dist\server\next-server.js:926:31)
    at DevServer.renderErrorToResponseImpl (C:\wamp64\www\my-project\node_modules\next\dist\server\next-server.js:885:22)
    at async DevServer.pipeImpl (C:\wamp64\www\my-project\node_modules\next\dist\server\base-server.js:911:25)
    at async NextNodeServer.handleCatchallRenderRequest (C:\wamp64\www\my-project\node_modules\next\dist\server\next-server.js:230:21)
    at async DevServer.handleRequestImpl (C:\wamp64\www\my-project\node_modules\next\dist\server\base-server.js:807:17)
at async C:\wamp64\www\my-project\node_modules\next\dist\server\dev\next-dev-server.js:331:20
    at async Span.traceAsyncFn (C:\wamp64\www\my-project\node_modules\next\dist\trace\trace.js:151:20)
    at async DevServer.handleRequest (C:\wamp64\www\my-project\node_modules\next\dist\server\dev\next-dev-server.js:328:24)
    at async invokeRender (C:\wamp64\www\my-project\node_modules\next\dist\server\lib\router-server.js:163:21)
    at async handleRequest (C:\wamp64\www\my-project\node_modules\next\dist\server\lib\router-server.js:342:24)
    at async requestHandlerImpl (C:\wamp64\www\my-project\node_modules\next\dist\server\lib\router-server.js:366:13)
    at async Server.requestListener (C:\wamp64\www\my-project\node_modules\next\dist\server\lib\start-server.js:140:13) {
  code: 'MODULE_NOT_FOUND',
  requireStack: [
    'C:\\wamp64\\www\\my-project\\node_modules\\next\\dist\\server\\next-server.js',
    'C:\\wamp64\\www\\my-project\\node_modules\\next\\dist\\server\\dev\\next-dev-server.js',
    'C:\\wamp64\\www\\my-project\\node_modules\\next\\dist\\server\\next.js',
    'C:\\wamp64\\www\\my-project\\node_modules\\next\\dist\\server\\lib\\start-server.js'
  ]
}
American SableOP
Basically chaning the distDir to anything breaks dev server
American SableOP
It seems to be a combo of eslint-plugin-next and next 14.1.0
- Set both to 14.0.4 -> works fine,
- Set both to 14.1.0 -> breaks
- Set one to 14.1.0 and the other to 14.0.4 -> breaks
American SableOP
as you can see in the trace, it tries to get the middleware-manifest form the distDir instead of the .next