Estoy trabajando para convertir la aplicación React.js en el proyecto de aplicación Next.js. Tuve que copiar y pegar algunas carpetas e importar. Luego, después de recibir este error
Según la pregunta This stackoverflow
Actualicé el archivo next.config.js
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; } }) ) );He añadido este dos líneas
webpack5: cierto,
config.resolve.fallback = { fs: false };
Pero aún así, el error es el mismo. Mi versión de paquete web "@svgr/webpack": "5.5.0", Mi próxima versión de js "siguiente": "10.0.9",