Recibo este error en React al importar algunos componentes de la biblioteca antd .
Parece que el error está en: \node_modules\antd\es\input\style\status.less:7:0 (Vea la imagen adjunta)
Ejemplos de componentes importados que hacen que aparezca el error: Tabla, Entrada.
Ejemplos de componentes importados que no tienen efecto para causar el error: Col, Fila, Progreso, Menú, Botón...
Creé el proyecto usando Vite 2.8.6
Bibliotecas instaladas:
"react": "^17.0.2", "less": "2.7.2", "antd": "^4.19.2" "vite-plugin-imp": "^2.1.6"
Noté que el error comenzó a ocurrir después de personalizar el tema antd usando el complemento vite-plugin-imp ¿Cómo cambiar el tema antd en la configuración de Vite? , y agregando alguna configuración en el archivo vite.config.ts , lo muestro a continuación. Antes de agregar la configuración del tema personalizado, mostraba todos los componentes antd normalmente (pero, por supuesto, con el tema predeterminado, que no quiero).
import react from '@vitejs/plugin-react'; import { defineConfig } from 'vite'; import vitePluginImp from 'vite-plugin-imp'; export default defineConfig({ css: { preprocessorOptions: { less: { javascriptEnabled: true, modifyVars: { 'primary-color': '#97D700', 'border-radius-base': '7px', 'font-family': 'Rubik', }, }, }, }, resolve: { alias: [{ find: /^~/, replacement: '' }], }, plugins: [ react(), vitePluginImp({ libList: [ { libName: 'antd', style: (name) => `antd/es/${name}/style`, }, ], }), ], });Resulta que mi dependencia less instalada era demasiado antigua "2.7.2" , la función cada () se agregó en Less v3.7.0 . Así que lo actualicé y funcionó :)