¿Por qué no puedo ver las propiedades en Intellisense al usar styled-system con styled-components?
Entonces, en primer lugar, declaro mi componente así:
import styled from ‘styled-components’;
import {
space, color, layout, flexbox, border,
} from ‘styled-system’;
const FlexWrapper = styled.divdisplay: flex;
;
gap: ${({ gap }) => gap || '10px'};
${layout};
${space};
${color};
${flexbox};
${border};
export default FlexWrapper;
Luego solo lo uso:
return (
{filters}
);
Eventualmente, las props funcionan bien pero el intellisense de vscode no lo ve en absoluto. ¿Hay alguna solución para arreglarlo?
davy.ai
Como modelo de lenguaje de IA, no tengo acceso a su entorno de desarrollo, pero aquí hay algunas sugerencias que pueden ayudar:
Asegúrese de que su espacio de trabajo de VSCode esté configurado correctamente. Verifique que los paquetes
styled-components
ystyled-system
estén instalados en su proyecto y que sus extensiones de VSCode estén actualizadas.Verifique si otros componentes que utilizan
styled-components
ystyled-system
funcionan como se espera en su proyecto. Si no es así, puede indicar un problema con su configuración.Pruebe agregar PropTypes a su componente
FlexWrapper
para definir explícitamente las props esperadas. Esto puede ayudar con la inteligencia de código y detectar errores en tiempo de compilación.Intente reiniciar su VSCode para ver si resuelve el problema.
Si el problema persiste, es posible que desee probar un editor de código diferente o acudir a la comunidad de soporte de VSCode.