Como resolver Cannot use import statement outside a module

Neste artigo você vai aprender a como resolver Cannot use import statement outside a module, um erro comum que acontece em projetos de JavaScript

Fala programador(a), beleza? Bora aprender mais sobre o erro de Cannot use import em JavaScript!

Normalmente o erro acontece pois estamos utilizando recurso de módulos e não estamos em um módulo

Isso pode ser resolvido de duas maneiras, podemos alterar o package.json com:

{
  "type": "module"
}

A chave type pode ser adicionada abaixo da chave version, por exemplo

Isso vai fazer o nosso projeto trabalhar com ES Modules, a arquitetura de módulos de Node.js

Ou também podemos explictamente determinar na extensão do arquivo

Então em vez de criar arquivos .js você deve criar arquivos com a extensão .mjs

Assim o Node entende que aquele arquivo é um módulo, podendo trabalhar com este tipo de recurso

Conclusão

No artigo de hoje você aprendeu a como resolver Cannot use import statement outside a module

Um erro comum, que acontece quando misturados a arquitetura ES Modules com CommonJS

Precisamos informar o Node de alguma forma que estamos tentando utilizar módulos

Podemos fazer por meio do package.json ou da própria extensão do arquivo

Confira nossos cursos gratuitos no Youtube, com vídeos todos os dias! Se inscreva e ative o sininho para receber as notificações e aprender mais ainda sobre desenvolvimento web!

Veja também nosso catálogo de cursos na Udemy, todos com exercícios e projetos práticos, nas mais diversas tecnologias. O link acima contém um cupom de desconto para os cursos