Está retornando este erro no navegador: SyntaxError: Cannot use import statement outside a module
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!