Estoy tratando de implementar este sitio para netlificar: https://github.com/Koda-Pig/joshkoter.com Pero recibo este error:
10:02:31 AM: Module not found: Can't resolve '../styles/home.module.css' in '/opt/build/repo/pages' 10:02:31 AM: > Build failed because of webpack errors
Mi archivo next.config.json se ve así:
module.exports = { reactStrictMode: true } const withVideos = require('next-videos') module.exports = withVideos()
Según el sitio web de Next.js, hay soporte integrado para módulos CSS, y Netlify no parece tener ningún problema con ninguno de los otros módulos CSS que he creado, así que no entiendo por qué hay un paquete web. error.
He intentado especificar un cargador CSS en next.config.js así:
module.exports = { reactStrictMode: true, module: { rules: [ { test: /\.js$/, loader: 'babel-loader', exclude: /node_modules/ }, { test: /\.css$/, use: ['style-loader', 'css-loader'] } ] } } const withVideos = require('next-videos') module.exports = withVideos()
También probé con esta configuración:
module.exports = { reactStrictMode: true, module: { rules: [ { test: /\.css$/i, use: ["style-loader", "css-loader"], }, ], }, } const withVideos = require('next-videos') module.exports = withVideos()
Pero recibí el mismo mensaje de error. Esta es la primera vez que implemento un sitio next.js en Netlify, así que perdónenme si me estoy perdiendo algo obvio.
Cualquier ayuda sería muy apreciada.
Cambiar el nombre de su archivo .css
podría solucionar su problema.
Parece un problema con el nombre del archivo, obtuve el mismo error y lo solucioné haciendo los siguientes cambios.
Usé construction.js
e importé Construction.module.css
en la carpeta de estilos.
Cambié el nombre de Construction.module.css
a ConstructPage.module.css
y formateé todo el archivo .css
.
Por lo tanto funcionó para mí y solucioné el problema.
Espero que funcione para usted también.