Auto import não funciona no VSCode quando uso o Next.js | Next.js: explorando o framework

Solucionado (ver solução)

Solucionado
(ver solução)

2
respostas

Referente ao curso Next.js: explorando o framework, no capítulo Estilizando o projeto e atividade Como lidar com estilos globais

por Dilon Henrique Souza da Silva

| 93.7k xp | 19 posts

CEO

Reparei que quando tento importar algum componente (seja de onde for), o VSCode não sugere nada pra mim. Mesmo quando aperto Ctrl + espaço, o programa fica só com uma "sugestão" de string: Print do VSCode sugerindo somente uma string com GlobalStyle invés do componente Se eu import manualmente (digitando acima), ele funciona normalmente e, sim, o componente está sendo exportado do arquivo dele. Além disso, se abro outro tipo de projeto, com React puro, por exemplo, a importação automática acontece normalmente. Já tentei reiniciar o programa também.

Falta algum tipo de configuração no meu projeto? Alguém já passou por algo parecido? Obrigado.

2 respostas

por Dilon Henrique Souza da Silva

| 93.7k xp | 19 posts

CEO

19/04/2023

Ah! Também reparei que os erros (sublinhado vermelhor) não aparecem nesse projeto, só quando acesso a página em si. Não sei se isso é normal, mas decidi mencionar também...

solução!

por Dilon Henrique Souza da Silva

| 93.7k xp | 19 posts

CEO

19/04/2023

Pra quem estiver com o mesmo problema, não sei se é a melhor solução, mas consegui resolver.

Só adicionar um jsconfig.json (para projetos em typescript, tsconfig.json) na raiz do projeto com o conteúdo:

{
  "compilerOptions": {
    "module": "ES6",
    "jsx": "preserve",
    "checkJs": true
  },
  "exclude": ["node_modules", "**/node_modules/*"]
}

Mais informações no link: https://dev.to/shanesc/how-to-get-javascript-auto-import-suggestions-working-in-vs-code-aig