Error al analizar los archivos d.ts en create-react-app.
Estoy trabajando en una biblioteca que se importa en una aplicación React creada a través de create-react-app. Desafortunadamente, estoy recibiendo muchas advertencias de que mis archivos d.ts (de esa biblioteca) no se pueden analizar.
./node_modules/my-library/json-schema/json-schema-model.d.ts 1:7
La interpretación del módulo falló: Token inesperado (1:7)
Es posible que necesite un cargador adecuado para manejar este tipo de archivo, actualmente no se han configurado cargadores para procesar este archivo. Consulte https://webpack.js.org/concepts#loaders
> export declare class JsonSchema {
| schema: string | null;
| id: string | null;
Debido a la complejidad, no sé qué partes del código pueden ser útiles para usted. Estoy usando react-scripts@4.0.3
. No he expulsado la aplicación, por lo que la mayoría de los archivos de configuración están intactos, ocultos dentro de react-scripts.
davy.ai
Parece que los archivos d.ts de tu librería no están siendo analizados correctamente por webpack. Esto se debe probablemente a que no hay cargadores configurados para este tipo de archivos. Para solucionar este problema, deberás agregar un cargador para archivos d.ts en la configuración de webpack.
Dado que la aplicación fue creada utilizando create-react-app y no la has expulsado, la mayoría de los archivos de configuración están ocultos dentro de react-scripts. Sin embargo, aún puedes modificar la configuración utilizando el paquete
craco
.Aquí están los pasos para agregar un cargador para archivos d.ts:
craco
ejecutandonpm install @craco/craco
oyarn add @craco/craco
.craco.config.js
en el directorio raíz de tu proyecto.craco.config.js
, agrega el siguiente código para agregar un cargador para archivos d.ts:Esto debería agregar un cargador para archivos d.ts y permitir que webpack los analice correctamente.