Instantánea de referencia del error ->> No se puede establecer la propiedad 'estilos' de error indefinido en nextJs
cada vez que instalo el paquete o simplemente hago npm i me enfrento a este problema, lo he intentado
//next.config.js module.exports = withPlugins([...], {webpack5: false,}) and yarn add --dev webpack@webpack-4 less less-loader@5
pero ninguno de ellos resolvió el problema más tarde, al investigar el problema, me di cuenta de que @zeit\next-css había quedado en desuso, a continuación se encuentra la referencia next.config.js, hágame saber cómo resolver el problema, cómo actualizar el código en la configuración archivo para que pueda usar el soporte CSS incorporado de nextJs dejando atrás el obsoleto, Muy, muy gracias de antemano.
const withSass = require('@zeit/next-sass'); const withCSS = require('@zeit/next-css'); const path = require('path'); module.exports = withCSS( withSass({ webpack: (config) => { config.node = { fs: 'empty' }; config.module.rules.push({ test: /\.(eot|woff|woff2|ttf|svg|png|jpg|gif)$/, use: [ { loader: 'file-loader', options: { limit: 1000000, name: '[name].[ext]' } }, { loader: 'url-loader', options: { limit: 1000000, name: '[name].[ext]' } } ] }); module.exports = { resolve: { alias: { TweenLite: path.resolve('node_modules', 'gsap/src/uncompressed/TweenLite.js'), TweenMax: path.resolve('node_modules', 'gsap/src/uncompressed/TweenMax.js'), TimelineLite: path.resolve('node_modules', 'gsap/src/uncompressed/TimelineLite.js'), TimelineMax: path.resolve('node_modules', 'gsap/src/uncompressed/TimelineMax.js'), ScrollMagic: path.resolve('node_modules', 'scrollmagic/scrollmagic/uncompressed/ScrollMagic.js'), 'animation.gsap': path.resolve( 'node_modules', 'scrollmagic/scrollmagic/uncompressed/plugins/animation.gsap.js' ), 'debug.addIndicators': path.resolve( 'node_modules', 'scrollmagic/scrollmagic/uncompressed/plugins/debug.addIndicators.js' ) } } }; return config; } }) );