cuando quiero correr npm run dev luego de haber hecho la configuracion de stylus me sale esto… alguien sabe que paso?

Tuve el mismo error usando

La solución de @marycaraveo me funcionó para resolver ese mismo error.

hice todo y sigo teniendo el error T_T mejor intentare con sass

Muchas gracias por tu aporte me ha servido mucho, parece que no se instalaba correctamente lo hice 2 veces mas y despues como no salia saque el codigo y me puse hacer otro curso, luego volvi a ver tu respuesta regrese al codigo y funciono

Hola, si realizaste bien el procedimiento?

• Instalamos:

npm install mini-css-extract-plugin css-loader -D

• Eliminamos la conexion al css que esta en nuestro html (public/index.html) porque webpack la generara automáticamente al compilarse.

  <link rel="stylesheet" href="../src/styles/main.css">

• En nuestro codigo en src/index.js importamos nuestros estilos:

import './styles/main.css';
import './styles/vars.styl';

• Añadir la configuración a webpack para que pueda identificar los elementos que acabamos de agregar.

Importamos la dependencia:

const MiniCssExtracPlugin = requiere('mini-css-extract-plugin');

Agregamos el loader a nuestras reglas:

{
      test:  /\.css|.styl$/i,
      use:[MiniCssExtractPlugin.loader,
      'css-loader',
      'stylus-loader'
      ],
}

• Creamos en los plugins una instancia de nuestro dependencia que importamos:

new MiniCssExtractPlugin(),

• Instalamos stylus:

npm install stylus stylus-loader -D

y corremos:

npm run dev

En caso de seguir con el error comparteme tu repo y verificamos que sucede.