Tengo una carpeta de styles en mi aplicación y contiene un archivo llamado Home.module.css .
Pero cada vez que agrego este código en mis pages/index.js , aparece un error, el error es siempre el mismo, no se encontró la página 404.
import styles from '../styles/Home.module.css'Por favor, ayúdame a salir de este problema.
Siguiendo la documentación , solo debe importar estilos sin nombrarlos:
import '.../styles/Home.module.css'Pero, si desea utilizar variables, puede instalar SASS e importar sus estilos por nombre:
import variables from '../styles/variables.module.scss' export default function MyApp({ Component, pageProps }) { return ( <Layout color={variables.primaryColor}> <Component {...pageProps} /> </Layout> ) }NOTA: preste atención a la extensión. Si está utilizando SASS , la extensión del archivo debe ser SCSS .