En mi aplicación Next.JS importo mi hoja de estilo en _app.js así:
import '../public/css/Index.css'; Index.css contiene esto:
.index-container { margin: 20px auto 0; }Como resuelvo el mensaje de error:
./src/public/css/Index.css (./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-5-1!./node_modules/next/dist/compiled/postcss- cargador??__nextjs_postcss!./src/public/css/Index.css) Advertencia
Saludos, viajero del tiempo. Estamos en la era dorada de CSS sin prefijos, donde Autoprefixer ya no es necesario para su hoja de estilo.
Este fue un problema debido a cierta incompatibilidad entre browserslist y la versión incluida de postcss-preset-env con v9.4.4 .
Actualizar a v9.5.0 debería resolverlo.
Su problema se puede resolver con package.json aplicando el siguiente código:
"browserslist": { "production": [ ">0.3%", "not ie 11", "not dead", "not op_mini all" ], "development": [ "last 1 chrome version", "last 1 firefox version", "last 1 safari version", ">0.3%", "not ie 11", "not dead", "not op_mini all" ] }Después de haber realizado estos cambios, reinicie su servidor. ya no recibirá esta advertencia.
Tuve que cambiar los elementos de producción y desarrollo de la siguiente manera y funcionó.
"browserslist": { "production": [ ">0.3%", "not ie 11", "not dead", "not op_mini all" ], "development": [ ">0.3%", "not ie 11", "not dead", "not op_mini all" ] },La actualización de todos los paquetes instalados resolvió el problema.