Solucionado (ver solução)
Solucionado
(ver solução)
8
respostas

Os módulos das classes do ES6 no browser dão erro mesmo obtendo o suporte nas versões mais recentes, porque?

O erro ocorre quando eu utilizo a classe como módulo em um arquivo separado, não sei como resolver... Estou me referindo ao uso de módulos fora do Node.JS sendo um caso a parte do mostrado na Aula. Como os browsers em geral.

8 respostas

Oi, Humberto, tudo bem?

Não entendi muito bem a sua questão. Se puder dar mais detalhes e de como o erro acontece, poderia te ajudar melhor.

Eu gostaria de usar módulos para facilitar a manutenção do meu projeto, mas está dando alguns erros como esse a seguir:

import {Contador} from './Contador1.js';
.
.
.
const teste = new Contador();

teste.default();

no browser:

Uncaught SyntaxError: Cannot use import statement outside a module

Oi, Humberto, tudo bem?

Você está exportando a sua classe Contador1?

export default class Contador1

No seu arquivo package.json, foi adicionado o script de modulo?

  "author": "",
  "license": "ISC",
  "type": "module"
}

Boa Tarde, Laís. Eu fiz tudo isso aí, eu exportei a classe e adicionei esse script do módulo.

Eu já encontrei o problema, obrigado pela ajuda

Oi, Humberto, que conseguiu resolver o seu problema. Se puder compartilhar sua solução, poderá ajudar outro aluno!

solução!

Eu apenas importei os arquivos Javascript no meu HTML sem usar a palavra export na definição de classe

Oi, Humberto, tudo bem?

Obrigada por compartilhar a solução! Bons estudos :}