0
931
ViewsNo se pudo inicializar el complemento de visualización "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(); }); });5 answers
Answer question0
La última respuesta fue incorrecta. Aquí está la respuesta correcta. https://github.com/facebook/create-react-app/issues/11043#issuecomment-942472592
0
¿Había surgido este error? Mi respuesta fue usar nvm para cambiar de la versión actual del nodo (el valor predeterminado de mi sistema) a su LTS (16.14.0) con nvm use 16
0
También recibí este mensaje de error al intentar probar. Cambiar la versión del nodo funcionó para mí. Aquí hay un enlace al artículo: https://github.com/facebook/create-react-app/issues/11792
0
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ó.
0
Necesita instalar específicamente v0.6.5 de jest-watch-typeahead
npm i -D --exact jest-watch-typeahead@0.6.5