Não é possível usar a declaração de importação fora do módulo em javascript

Os módulos são pedaços de código JavaScript escrito em um arquivo. Os módulos JavaScript facilitam a modularização do código, separando todo o código em módulos que podem ser carregados de qualquer lugar. Os módulos são usados ​​para manutenção, depuração e reutilização de código. Cada módulo consiste em um pedaço de código que é executado ao carregar.

Este tutorial descreverá:

• O que é “não pode usar a declaração de importação fora de um módulo”?
• Como ocorre "não pode usar o erro de declaração de importação fora de um módulo"?
• Como corrigir “não pode usar a declaração de importação fora de um módulo” erro?

O que é "não pode usar a declaração de importação fora do módulo" em JavaScript?

O "Não pode usar a declaração de importação fora de um módulo”É um erro no JavaScript que você pode enfrentar ao importar qualquer declaração de fora do módulo.

Como “não pode usar a declaração de importação fora do módulo” ocorre em JavaScript?

Este erro ocorre ao tentar usar os recursos ES6 em um projeto JavaScript, pois os módulos são uma versão mais recente incluída no ES6, na qual cada módulo é definido por um único “.JS" arquivo. Para importar ou exportar classes com suas propriedades, funções, variáveis ​​ou outros componentes entre arquivos e módulos, utilize o “importar" ou "exportar”Declaração em um módulo.

Vamos ver como esse erro ocorre no JavaScript:

Exemplo
Temos um módulo JavaScript “dados.JS"Que contém a classe"Dados"E um método"addData ()”Isso importará em um projeto JavaScript em uma tag usando o“importarPalavra -chave:

A saída dada mostra que, ao importar o módulo, o “Não pode usar a declaração de importação fora de um módulo" ocorreu um erro:

Vamos ver a solução para corrigir este erro.

Como corrigir “não pode usar a declaração de importação fora de um módulo” erro em javascript?

Para consertar o “Não pode usar a declaração de importação fora de um módulo”Erro, defina o atributo de tipo da tag no módulo no código HTML. Agora, você pode usar a sintaxe do módulo ES6 no seu código JavaScript:

A janela dada mostra que o erro foi resolvido com sucesso:

Compilamos as informações essenciais relacionadas ao erro declarado e fornecemos a solução relevante

Conclusão

O "SyntaxError: não é possível usar a declaração de importação fora de um módulo”Ocorre quando você usa a sintaxe dos módulos ES6 em um script que não foi carregado como um módulo. Para resolver este erro e usar as importações de módulos ES6 no JavaScript, defina o tipo de atributo da tag no módulo no código HTML. Este tutorial descreveu o que “não pode usar a declaração de importação fora de um módulo”O erro é, como ocorre e como corrigi -lo em javascript.