0
741
VistasNo se pudo inicializar el complemento de vigilancia "node_modules/jest-watch-typeahead/filename.js":
Estoy usando reaccionar con mecanografiado en mi proyecto y también estoy haciendo pruebas de instantáneas, pero cuando ejecuto el comando de prueba npm en la terminal vscode, recibo un error que he adjuntado en el archivo adjunto. ¿podría decirme qué debo hacer para que todo el caso de prueba se ejecute correctamente o cualquier otra cosa que necesite configurar?
Aquí está mi paquete.json
{ "name": "vcc-collaboration-app", "version": "0.1.0", "private": true, "dependencies": { "@fluentui/react": "^8.42.1", "@fluentui/react-file-type-icons": "^8.5.6", "@testing-library/jest-dom": "^5.15.0", "@testing-library/react": "^11.2.7", "@testing-library/user-event": "^12.8.3", "@types/react-test-renderer": "^17.0.1", "ag-grid-community": "^26.2.0", "ag-grid-react": "^26.2.0", "axios": "^0.24.0", "babel-jest": "^26.6.0", "jest": "^26.6.0", "jest-watch-typeahead": "^1.0.0", "moment": "^2.29.1", "node-sass": "^6.0.1", "react": "^17.0.2", "react-bootstrap": "^2.0.2", "react-dom": "^17.0.2", "react-dropzone": "^11.4.2", "react-grid": "^4.0.4", "react-icons": "^4.3.1", "react-router-dom": "^5.0.0", "react-scripts": "4.0.3", "react-test-renderer": "^17.0.2", "vcc-ui": "^2.11.0", "web-vitals": "^1.1.2" }, "scripts": { "start": "react-scripts start", "build": "react-scripts build", "test": "react-scripts test", "eject": "react-scripts eject" }, "eslintConfig": { "extends": [ "react-app", "react-app/jest" ] }, "browserslist": { "production": [ ">0.2%", "not dead", "not op_mini all" ], "development": [ "last 1 chrome version", "last 1 firefox version", "last 1 safari version" ] }, "devDependencies": { "@types/jest": "^27.0.3", "@types/node": "^16.11.7", "@types/react": "^17.0.35", "@types/react-dom": "^17.0.11", "@types/react-dropzone": "^5.1.0", "@types/react-router": "^5.1.17", "@types/react-router-dom": "^5.3.2", "typescript": "^4.5.2" } }EngineeringArea.test.tsx
import React from "react"; import * as ShallowRenderer from "react-test-renderer/shallow"; import EngineeringArea from "./EngineeringArea"; describe("EngineeringArea Screen", () => { it("EngineeringArea Screen renders correctly", () => { const renderer = ShallowRenderer.createRenderer(); const component = renderer.render(<EngineeringArea />); expect(component).toMatchSnapshot(); }); });3 Respuestas
Responde la pregunta0
La última respuesta fue incorrecta. Aquí está la respuesta correcta. https://github.com/facebook/create-react-app/issues/11043#issuecomment-942472592
0
Necesita instalar específicamente v0.6.5 de jest-watch-typeahead
npm i -D --exact jest-watch-typeahead@0.6.50
Enfrenté este problema mientras intentaba crear una nueva aplicación React usando CRA con npx.
Seguí lo que Matt sugirió en su respuesta, pero jest comenzó a arrojar un error que decía que es mejor eliminar cualquier dependencia de babel-jest, lo cual es extraño, pero supongo que jest-watch-typehead` usa babel tal vez (es una suposición descabellada, no tengo comprobado).
De todos modos, esto es lo que hice en base a la sugerencia que recibí en la consola del error arrojado por babel-jest.
- Se eliminó el archivo
package-lock.json. - Se eliminó
node_modules/. - Hizo un nuevo
npm i. - Ejecuté mis pruebas nuevamente y obtuve un error por no importar React en
App.test.js, así que simplemente importé y funcionó.