How to use webpack 5 with Razzle 4

[debchy]

with bellow devDependency

"devDependencies": { "babel-preset-razzle": "^4.2.18", "html-webpack-plugin": "^4.5.2", "mini-css-extract-plugin": "^0.9.0", "razzle": "^4.2.18", "razzle-dev-utils": "^4.2.18", "webpack": "^5.89.0", "webpack-dev-server": "^4.15.1" }

I am getting bellow errors

ERROR in ./node_modules/razzle-dev-utils/webpackHotDevClientV4.js 18:10-24 Module not found: Error: Can't resolve 'url' in 'D:\RND\razzle\razzle-test\node_modules\razzle-dev-utils'

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default. This is no longer the case. Verify if you need this module and configure a polyfill for it.

If you want to include a polyfill, you need to:

• add a fallback 'resolve.fallback: { "url": require.resolve("url/") }'
• install 'url' If you don't want to include a polyfill, you can use an empty module like this: resolve.fallback: { "url": false } resolve 'url' in 'D:\RND\razzle\razzle-test\node_modules\razzle-dev-utils' Parsed request is a module using description file: D:\RND\razzle\razzle-test\node_modules\razzle-dev-utils\package.json (relative path: .) Field 'browser' doesn't contain a valid alias configuration resolve as module looking for modules in D:\RND\razzle\razzle-test\node_modules\razzle-dev-utils\node_modules single file module using description file: D:\RND\razzle\razzle-test\node_modules\razzle-dev-utils\package.json (relative path: ./node_modules/url) no extension Field 'browser' doesn't contain a valid alias configuration D:\RND\razzle\razzle-test\node_modules\razzle-dev-utils\node_modules\url doesn't exist .mjs Field 'browser' doesn't contain a valid alias configuration D:\RND\razzle\razzle-test\node_modules\razzle-dev-utils\node_modules\url.mjs doesn't exist .js Field 'browser' doesn't contain a valid alias configuration D:\RND\razzle\razzle-test\node_modules\razzle-dev-utils\node_modules\url.js doesn't exist .jsx Field 'browser' doesn't contain a valid alias configuration D:\RND\razzle\razzle-test\node_modules\razzle-dev-utils\node_modules\url.jsx doesn't exist .json Field 'browser' doesn't contain a valid alias configuration D:\RND\razzle\razzle-test\node_modules\razzle-dev-utils\node_modules\url.json doesn't exist .ts Field 'browser' doesn't contain a valid alias configuration D:\RND\razzle\razzle-test\node_modules\razzle-dev-utils\node_modules\url.ts doesn't exist .tsx Field 'browser' doesn't contain a valid alias configuration D:\RND\razzle\razzle-test\node_modules\razzle-dev-utils\node_modules\url.tsx doesn't exist D:\RND\razzle\razzle-test\node_modules\razzle-dev-utils\node_modules\url doesn't exist D:\RND\razzle\razzle-test\node_modules\node_modules doesn't exist or is not a directory

[debchy]

I have resolved this issue. now Razzle 4 is working with webpack 5 for the bellow dev dependencies

  "devDependencies": {
    "babel-preset-razzle": "^4.2.18",
    "html-webpack-plugin": "^5.6.0",
    "razzle": "^4.2.18",
    "razzle-dev-utils": "^4.2.18",
    "webpack": "^5.89.0",
    "webpack-dev-server": "^3.11.3"
  }