Estoy tratando de ejecutar una aplicación javascript, pero me muestra este error. No encontré ninguna respuesta útil. Cuando comento el Button.js, el código funciona, pero no muestra nada. Supongo que este problema está asociado con el marco material-ui. Estaré agradecido si alguien pudiera ayudarme.
Failed to compile. src/components/CustomButtons/Button.js Line 15:23: Component definition is missing display name react/display-name Search for the keywords to learn more about each error.La clase de botón:
import React from "react"; // nodejs library that concatenates classes import classNames from "classnames"; // nodejs library to set properties for components import PropTypes from "prop-types"; // material-ui components import { makeStyles } from "@material-ui/core/styles"; import Button from "@material-ui/core/Button"; import styles from "assets/jss/material-dashboard-pro-react/components/buttonStyle.js"; const useStyles = makeStyles(styles); const RegularButton = React.forwardRef((props, ref) => { const classes = useStyles(); const { color, round, children, fullWidth, disabled, simple, size, block, link, justIcon, className, muiClasses, ...rest } = props; const btnClasses = classNames({ [classes.button]: true, [classes[size]]: size, [classes[color]]: color, [classes.round]: round, [classes.fullWidth]: fullWidth, [classes.disabled]: disabled, [classes.simple]: simple, [classes.block]: block, [classes.link]: link, [classes.justIcon]: justIcon, [className]: className, }); return (<Button {...rest} ref={ref} classes={muiClasses} className={btnClasses}>{children}</Button>); }); RegularButton.propTypes = { color: PropTypes.oneOf([ "primary", "info", "success", "warning", "danger", "rose", "white", "twitter", "facebook", "google", "linkedin", "pinterest", "youtube", "tumblr", "github", "behance", "dribbble", "reddit", "transparent", ]), size: PropTypes.oneOf(["sm", "lg"]), simple: PropTypes.bool, round: PropTypes.bool, fullWidth: PropTypes.bool, disabled: PropTypes.bool, block: PropTypes.bool, link: PropTypes.bool, justIcon: PropTypes.bool, className: PropTypes.string, muiClasses: PropTypes.object, children: PropTypes.node, }; export default RegularButton;Debe definir displayName antes del componente de exportación.
RegularButton.displayName = "Regularbutton";Descubrí una solución, primero actualicé mi npm de 6.x a 8.5.0. para hacer esto, eliminé mis nodejs y npm de mi computadora:
sudo apt-get remove nodejs sudo apt-get remove npm sudo apt-get autoremove which nodejs Si muestra algún directorio en el último comando, copie y elimine el directorio con sudo rm -rf (directorio), como: sudo rm -rf /usr/local/bin/npm
Haz lo mismo con npm:
which npm Después de esto, simplemente sudo apt autoremove y para asegurarse de que se eliminó nodejs --version y npm --version . Espero que la terminal no te muestre ninguna versión. En el sitio del nodo, descargue una versión actualizada, descompacte el .deb y luego sudo apt-get nodejs , asegúrese de que se instaló nodejs --version y npm --version Ahora en el proyecto npm install . --legacy-peer-deps y npm start , funcionó para mí