I am working on converting React.js app to Next.js app project. I had to copy and paste few folders and import. Then after I got this error
Acrroding to the This stackoverflow question
I updated the next.config.js file
const path = require("path");
const withOptimizedImages = require("next-optimized-images");
const nextTranslate = require("next-translate");
const i18nConfig = require("./i18n-config.json");
const withBundleAnalyzer = require("@next/bundle-analyzer")({
enabled: process.env.ANALYZE === "true"
});
require("dotenv").config();
module.exports = withBundleAnalyzer(
nextTranslate(
withOptimizedImages({
useFileSystemPublicRoutes: false,
productionBrowserSourceMaps: true,
i18n: {
...i18nConfig
},
handleImages: ["png"],
inlineImageLimit: 68,
responsive: {
adapter: require("responsive-loader/jimp")
},
defaultImageLoader: "responsive-loader",
sassOptions: {
includePaths: [path.join(__dirname, "styles")]
},
webpack5: true,
webpack(config) {
config.module.rules.push({
test: /\.svg$/,
use: [
{
loader: "@svgr/webpack",
options: {
titleProp: true,
svgoConfig: {
plugins: {
removeViewBox: false
}
}
}
}
]
});
config.resolve.fallback = { fs: false };
return config;
}
})
)
);
I have added this two-line
webpack5: true,
config.resolve.fallback = { fs: false };
But still, the error is the same. My webpack version "@svgr/webpack": "5.5.0", My next js version "next": "10.0.9",