One of my project is using next
(version 12.2.4) and react
(version 18.2.0). There is Webpack configuration in the next.config.js
file and I think this is the main reason of the below error (triggered by /node_modules/next/dist/client/next-dev.js
):
TypeError: Failed to fetch
at fetchRetry (webpack-internal:///./node_modules/next/dist/shared/lib/router/router.js:204:12)
at getData (webpack-internal:///./node_modules/next/dist/shared/lib/router/router.js:231:16)
at fetchNextData (webpack-internal:///./node_modules/next/dist/shared/lib/router/router.js:318:38)
at _callee$ (webpack-internal:///./node_modules/next/dist/shared/lib/router/router.js:1337:56)
at tryCatch (webpack-internal:///./node_modules/next/dist/compiled/regenerator-runtime/runtime.js:45:40)
at Generator.invoke [as _invoke] (webpack-internal:///./node_modules/next/dist/compiled/regenerator-runtime/runtime.js:274:22)
at prototype.<computed> [as next] (webpack-internal:///./node_modules/next/dist/compiled/regenerator-runtime/runtime.js:97:21)
at asyncGeneratorStep (webpack-internal:///./node_modules/@swc/helpers/lib/_async_to_generator.js:23:28)
at _next (webpack-internal:///./node_modules/@swc/helpers/lib/_async_to_generator.js:12:17)
at eval (webpack-internal:///./node_modules/@swc/helpers/lib/_async_to_generator.js:17:13)
at new Promise (<anonymous>)
at eval (webpack-internal:///./node_modules/@swc/helpers/lib/_async_to_generator.js:9:16)
at Router._getData (webpack-internal:///./node_modules/next/dist/shared/lib/router/router.js:1725:24)
at _callee$ (webpack-internal:///./node_modules/next/dist/shared/lib/router/router.js:1319:46)
at tryCatch (webpack-internal:///./node_modules/next/dist/compiled/regenerator-runtime/runtime.js:45:40)
at Generator.invoke [as _invoke] (webpack-internal:///./node_modules/next/dist/compiled/regenerator-runtime/runtime.js:274:22)
at prototype.<computed> [as next] (webpack-internal:///./node_modules/next/dist/compiled/regenerator-runtime/runtime.js:97:21)
at asyncGeneratorStep (webpack-internal:///./node_modules/@swc/helpers/lib/_async_to_generator.js:23:28)
at _next (webpack-internal:///./node_modules/@swc/helpers/lib/_async_to_generator.js:12:17)
next.config.js
file:
const withImages = require('next-images');
const withFonts = require('next-fonts');
module.exports = withImages(
withFonts({
webpack(config, options) {
config.module.rules.push({
test: /.(woff(2)?|ttf|eot|svg)(?v=d+.d+.d+)?$/,
use: {
loader: 'file-loader'
}
});
config.resolve.fallback = { fs: false, crypto: false };
return config;
}
})
);
The error is happening only sometimes and I do not know how to replicate it in 100%.