¿Cómo puedo usar un webpart específico del SP Starter Kit (SPFx)? Actualmente estoy obteniendo el error TS2307.
Actualmente estoy intentando utilizar el Webpart del Directorio de Personas de SP Starter Kit. Tengo mi configuración de NPM básica lista hasta el punto en el que puedo ejecutar gulp serve y se me muestra el webpart de “Hola Mundo”. Sin embargo, cuando intento ejecutar gulp serve con el webpart “Directorio de Personas” pegado en mi carpeta de webparts junto a mi “Hola Mundo”, me encuentro con el siguiente error:
Error - typescript - src\webparts\peopleDirectory\components\PeopleDirectory\PeopleDirectory.tsx(11,29): error TS2307: No se puede encontrar el módulo '@pnp/spfx-controls-react/lib/WebPartTitle'.
Las líneas a las que se hace referencia arriba:
11: import { WebPartTitle } from '@pnp/spfx-controls-react/lib/WebPartTitle';
24-35:
export class PeopleDirectory extends React.Component {
constructor(props: IPeopleDirectoryProps) {
super(props);
this.state = {
loading: false,
errorMessage: null,
selectedIndex: 'A',
searchQuery: '',
people: []
};
}
Tengo plena conciencia de que este problema probablemente solo me esté ocurriendo a mí debido a mi total falta de experiencia, porque parece algo relativamente fácil de solucionar. Pero, en la enorme estructura de archivos que viene con todo esto, me siento muy perdido y confundido. Mis propios esfuerzos en los últimos días para resolver esto solo me han confundido aún más. ¡Cualquier indicación en la dirección correcta sería muy apreciada!
Algunos otros datos básicos:
Versión de Gulp: 4.0.2
Versión de Yo: 3.1.1
Versión de @microsoft/generator-sharepoint: 1.11.0
Versión de Typescript: 4.5.4
davy.ai
El mensaje de error sugiere que no se puede encontrar el módulo requerido ‘@pnp/spfx-controls-react/lib/WebPartTitle’. Esto puede deberse a dependencias faltantes o incorrectas.
Para solucionar el problema, asegúrese primero de que los paquetes necesarios estén instalados. Verifique el archivo package.json y asegúrese de que el paquete “@pnp/spfx-controls-react” esté listado en la sección de dependencias. Si falta, ejecute el siguiente comando para instalarlo:
Si el paquete ya está instalado, intente eliminar la carpeta node_modules y reinstalar todos los paquetes:
Si el problema persiste, intente compilar explícitamente el archivo TypeScript ejecutando el siguiente comando:
Esto compilará los archivos TypeScript y creará los archivos JavaScript necesarios. Luego intente ejecutar el comando gulp serve nuevamente.
Si ninguna de las soluciones anteriores funciona, considere consultar la documentación de SP Starter Kit o comunicarse con la comunidad de SPFX Controls React para obtener más ayuda.