Está retornando este erro no navegador: SyntaxError: Cannot use import statement outside a module
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Está retornando este erro no navegador: SyntaxError: Cannot use import statement outside a module
Olá Marcos! Tudo ok por aí?
O erro que você está vendo, "SyntaxError: Cannot use import statement outside a module", geralmente ocorre quando você está tentando usar a sintaxe de importação do ES6 em um contexto onde ela não é suportada.
No caso do seu projeto TypeScript, é importante lembrar que os navegadores ainda não suportam totalmente a sintaxe de importação/exportação do ES6. Portanto, o código TypeScript é geralmente transpilado para ES5 para ser compatível com a maioria dos navegadores.
No entanto, se você estiver tentando usar a sintaxe de importação em um arquivo .js diretamente no navegador (como parece ser o caso com o arquivo FormatoData.js), você precisará garantir que o arquivo seja tratado como um módulo. Você pode fazer isso adicionando o atributo type="module" à tag script no HTML. Por exemplo:
<script type="module" src="js/FormatoData.js"></script>
Isso informa ao navegador para tratar o arquivo JavaScript como um módulo ES6, permitindo o uso de importações.
Porém, é importante notar que isso pode não resolver todos os problemas, pois os módulos ES6 têm suas próprias restrições (como a política de mesma origem e o carregamento CORS). Uma solução mais robusta seria usar um empacotador de módulos como Webpack ou Rollup, que pode resolver essas dependências para você e empacotar seu código em um único arquivo .js que pode ser servido ao navegador.
Era isso. Espero ter ajudado!
Abraços e bons estudos!