1
resposta

VS Code não reconhece os comandos cy.

screenshot_mostrando_comandos_cy_sublinhados_em_vermelhor VS

O script está rodando corretamente, mas o VS Code reclama dos comandos cy. e, com isso, eu não consigo as sugestões de comandos. Além de que, o script fica com os comandos sublinhados em vermelho. Como proceder pra que ele reconheça? Já tentei até o comando de instalar o cypress globalmente, mas não deu jeito :/

1 resposta

Oii, José! Tudo bem?

Isso geralmente acontece quando o IntelliSense, que é o sistema de sugestões de código do VSCode, não está configurado do jeito certo para o Cypress.

Uma solução comum é garantir que o arquivo de configuração jsconfig.json ou tsconfig.json esteja presente na raiz do seu projeto.

Vou deixar abaixo um exemplo de como você pode configurar o jsconfig.json para um projeto Cypress:

{
  "include": [
    "**/*.js",
    "node_modules/cypress"
  ],
  "compilerOptions": {
    "target": "es6",
    "module": "commonjs",
    "allowSyntheticDefaultImports": true
  }
}

E para um projeto que usa TypeScript, o arquivo tsconfig.json poderia ter a seguinte configuração:

{
  "compilerOptions": {
    "target": "es5",
    "lib": ["es5", "dom"],
    "types": ["cypress"]
  },
  "include": [
    "**/*.ts"
  ]
}

Se mesmo após essas configurações o problema continuar, você pode tentar reiniciar o serviço do TypeScript no VSCode. É só pressionar Ctrl + Shift + P para abrir a paleta de comandos e digitar Restart TS server, e então selecionar a opção TypeScript: Restart TS server.

Se a dúvida persistir, estamos aqui.

Abraços!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓.