0
258
Vistas¿Por qué VS Code se importa desde "hoist-non-react-statics/node_modules/@types/react"?
Recientemente moví mi repositorio de reacción a un único repositorio mono en /client . Instalé node_modules usando yarn install cuando estaba en /client
VS code intellisense sugiere que importe desde hoist-non-react-statics/node_modules/@types/react en lugar de react cuando importe ganchos de reacción como useEffect y useRef . Esto lleva al siguiente error cuando compilo usando el yarn start
Módulo no encontrado: no se puede resolver 'hoist-non-react-statics/node_modules/@types/react' en
No tengo 'hoist-non-react-statics' como dependencia en mi paquete.json. Las dependencias de mi paquete.json están a continuación:
"dependencies": { "@auth0/auth0-react": "^1.6.0", "@hookform/resolvers": "^2.7.1", "@reduxjs/toolkit": "^1.6.1", "@testing-library/jest-dom": "^4.2.4", "@testing-library/react": "^9.3.2", "@testing-library/user-event": "^7.1.2", "@types/jest": "^24.0.0", "@types/node": "^12.0.0", "@types/qs": "^6.9.7", "@types/react": "^16.9.0", "@types/react-dom": "^16.9.0", "@types/react-redux": "^7.1.7", "@types/react-slider": "^1.3.1", "@types/react-table": "^7.7.2", "clsx": "^1.1.1", "final-form": "^4.20.2", "final-form-calculate": "^1.3.2", "lodash": "^4.17.21", "qs": "^6.10.1", "rc-checkbox": "^2.3.2", "react": "^17.0.2", "react-dom": "^17.0.2", "react-final-form": "^6.5.3", "react-hook-form": "^7.12.2", "react-redux": "^7.2.4", "react-router-dom": "^5.2.0", "react-scripts": "4.0.3", "react-slider": "^1.3.1", "react-table": "^7.7.0", "react-truncate": "^2.4.0", "typescript": "~4.1.5", "yup": "^0.32.9" }, Parece ser un problema con los @types relacionados con la reacción. Presenté un problema en el repositorio de github react-redux .
la yarn upgrade @types/react lo soluciona. Por si acaso, todos los paquetes probablemente deberían actualizarse con yarn upgrade --latest o solo todos los tipos con yarn upgrade --latest --pattern "@types"
4 Respuestas
Responde la pregunta0
Esto se solucionará con la nueva versión (4.5) de TypeScript. Consulte: https://github.com/microsoft/TypeScript/issues/45784 https://github.com/microsoft/TypeScript/pull/45792
Hasta que se lance, puede usar la next versión.
npm i typescript@next
No olvide volver a generar el archivo de bloqueo para asegurarse de que esté instalada la versión correcta.
0
Tengo exactamente el mismo problema, con mi proyecto mecanografiado. Con npm:
npm i @types/react@latestluego reinicie vscode
0
Tengo el mismo problema. Actualizar @types/react no ayudó. Tuve que quitarlo para solucionar el problema. De alguna manera todavía obtengo la definición de tipo de alguna parte. Esto acaba de empezar a suceder en un proyecto en el que he estado trabajando durante un año. No estoy seguro de si proviene de una actualización de VsCode o de una actualización que reaccionó hace un par de semanas.
El error está ocurriendo en VsCode windows y mac.
0
Después de degradar/actualizar las versiones de VSCode y TypeScript, descubrí que este problema ocurre con las últimas versiones de TypeScript (probado con 4.4.2, pero podría existir en toda la rama 4.4.x). El problema no parece existir en 4.3.5. Lo que podrías hacer es lo siguiente:
- Actualice VSCode a la última versión
- Asegúrese de tener instalado TS 4.3.5 o anterior (ya sea globalmente o en el proyecto del espacio de trabajo)
- Abra cualquier archivo con una extensión
.ts - Seleccione la versión de TypeScript usando el menú desplegable en la barra de estado. O desea seleccionar la versión de Workspace o su versión global en lugar de la versión preinstalada de VSCode.
Vea la imagen a continuación para obtener instrucciones sobre el último paso: 