Recientemente, descubrí que mi proyecto de reacción en el IDE de VS Code usa la sintaxis requerida en los casos de prueba cuando realizo la importación automática de las sugerencias. ¿Alguien podría ayudar?
Estoy usando la biblioteca de prueba React y así es como se ve.
const { render } = require("@testing-library/react"); const { default: Home } = require("../Home"); describe("Home", () => { it("should render Search page", () => { const { container } = render(<Home />); }); }); Tengo un archivo jsconfig.json de la siguiente manera
{ "compilerOptions": { "baseUrl": "src" }, "include": [ "src" ], }De la nueva función Importaciones automáticas de CommonJS , sabemos:
Si VS Code detecta que está trabajando en un módulo JavaScript de estilo CommonJS, las importaciones automáticas ahora usarán
requireen lugar deimport.
Puede establecer compilerOptions.module en es2015 para jsconfig.json . Para que el archivo js se detecte como ESM, las importaciones automáticas utilizarán import en lugar de require .
jsconfig.json :
{ "compilerOptions": { "module": "es2015" }, } // auto imports use `import` keyword. import { render } from 'react-dom'; describe('Home', () => { it('should render Search page', () => { render }); }); Para obtener más información sobre cuándo usa el código VS require , consulte la función shouldUseRequire .
PD: si no funciona, intente volver a cargar la ventana del código VS después de agregar esta configuración.