Estoy haciendo la aplicación de reacción básica y se ha producido un error de tipo prop en mi aplicación
./src/component/Navbar.js No se puede encontrar el archivo: 'index.js' no coincide con el nombre correspondiente en el disco: '.\node_modules\Prop-types\prop-types'.
import React from "react"; import PropTypes from 'Prop-types'; export default function Navbar(props) { return ( <nav className="navbar navbar-expand-lg navbar-light bg-light"> <div className="container-fluid"> <a className="navbar-brand" href="/">{props.title}</a> <button className="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span className="navbar-toggler-icon"></span> </button> <div className="collapse navbar-collapse" id="navbarSupportedContent"> <ul className="navbar-nav me-auto mb-2 mb-lg-0"> <li className="nav-item"> <a className="nav-link active" aria-current="page" href="/">Home</a> </li> <li className="nav-item"> <a className="nav-link" href="/">{props.AboutText}</a> </li> </ul> <form className="d-flex"> <input className="form-control me-2" type="search" placeholder="Search" aria-label="Search"/> <button className="btn btn-outline-success" type="submit">Search</button> </form> </div> </div> </nav> ) } Navbar.propTypes = { title: PropTypes.string, aboutText: PropTypes.string } Navbar.defaultProps = { title: 'Set title here', aboutText: '' };El nombre de su importación es ligeramente incorrecto. Las importaciones de Javascript distinguen entre mayúsculas y minúsculas, por lo que debería seguir.
import PropTypes from 'prop-types'; Observe el caso de prop-types .
También asegúrese de que prop-types ya esté presente en su package.json como una dependencia. Consulte la guía de instalación como referencia.
Parece que está importando prop-types incorrectamente. p debe estar en minúsculas en prop-types . Actualice su importación como:
import PropTypes from "prop-types";