I am using [email protected] (Pages router) and when I compile appear this error "Can't resolve 'next/dist/shared/lib/router-context'"

[Jacky16]

I put this in webpack config on next.config

 webpack: (config) => {
    config.resolve.alias["next/dist/shared/lib/router-context$"] = path.join(
      __dirname,
      "node_modules",
      "next/dist/shared/lib/router-context.shared-runtime.js"
    );


    return config;
  },

The error in terminal:

[pug-pelle-p]

Hi! I get the same error as you and the code you used above isn't working. Do you have any tips on how to make this work?

[pug-pelle-p]

My solution to this was to add a new file build-fix.js with the following code (as suggested here: ):

const path = require('path');

/**
 * @param {string} filePath - The path to the file.
 * @param {string} searchPattern - The RegExp pattern to search for.
 * @param {string} replaceString - The string to replace with.
 */
function replaceLineInFile(filePath, searchPattern, replaceString) {
  const fileContent = fs.readFileSync(filePath, 'utf8');

  const modifiedContent = fileContent.replace(searchPattern, replaceString);

  fs.writeFileSync(filePath, modifiedContent);
  console.log(`File updated: ${filePath}`);
}

const filePath = path.join(__dirname, 'node_modules', '/next-translate-routes/react/', 'withTranslateRoutes.js');
const searchPattern = /var router_context_1 = require\("next\/dist\/shared\/lib\/router-context"\);/g;
const replaceString = 'var router_context_1 = require("next/dist/shared/lib/router-context.shared-runtime");';
replaceLineInFile(filePath, searchPattern, replaceString);

And update package.json with the following:

...
  "scripts": {
    "dev": "node build-fix.js & next dev",
    "build": "node build-fix.js & next build",
    "start": "node build-fix.js & next start",
    "lint": "node build-fix.js & next lint"
  },
  ...

[jaumamyfront-ender]

I put this in webpack config on next.config

 webpack: (config) => {
    config.resolve.alias["next/dist/shared/lib/router-context$"] = path.join(
      __dirname,
      "node_modules",
      "next/dist/shared/lib/router-context.shared-runtime.js"
    );


    return config;
  },

The error in terminal:

i solved this problem #97

[0xyy]

@pug-pelle-p what version of next and next-translate-routes are you using with that working fix ?

[0xyy]

@jaumamyfront-ender I tried this solution but didn't work, what versions of next and next-translate-routes are you using ?

[jaumamyfront-ender]

@0xyy 14.1.4 version of my next.js)if you have problm you have many solutions,
1-just download this my package fix from npm(firstlydelete original)https://www.npmjs.com/package/next-translate-route
or-
2-read carrefully, this my solution with use package fix #97
3.find somethong else ;)
good luck