COMPILA MAS NÃO CARREGA NO NAVEGADOR

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!