5

Digamos que eu tenha um módulo alert.ts:

export default function alert(message: string): void {
  console.log('Alerta: ' + message)
}

Ao realizar o build usando o tsc, e tentar usar o código gerado pelo Node.js (com JavaScript):

const alert = require('./dist/alert.js')
alert('Hello, World!') // ERRO! `alert` é `undefined`

Ele dá erro. O único modo de resolver esse erro é usar o .default:

//                                      ↓↓↓↓↓↓↓↓
const alert = require('./dist/alert.js').default
alert('Hello, World!') // OK!

A pergunta é: Como configurar o TypeScript para que ao usar o código gerado com Node.js não haja a necessidade de se usar esse .default?


PS: Já tentei usar as opções esModuleInterop, module e/ou moduleResolution, mas nenhuma das três parece solucionar o problema.

8
  • Já tentou import alert from './dist/alert.js'; alert('Hello, World!'); ? Commented 17/05/2019 às 21:03
  • Sim, e funciona. O problema acontece somente quando uso CommonJS no Node.js (JavaScript). Commented 17/05/2019 às 21:08
  • Eu pensei no seguinte o interpretador não pode estar entendendo function alert(message: string): void { alert(message); } como uma função recursiva? Se você fizer function alert(message: string): void { Window.alert(message); } qual seria o resultado? Commented 17/05/2019 às 21:13
  • 3
    Na verdade o problema está na fase de compilação do TypeScript. Só não sei como arrumar isso. O TS não consegue usar gerar um build que também seja compatível com o CommonJS do Node.JS. Aliás, o alert realmente foi um exemplo errado, já que não existe no Node... Editei a pergunta. Commented 17/05/2019 às 21:28
  • 1
    Amigo, transpile/compile o typescript com o webpack!
    – user148754
    Commented 23/05/2019 às 20:49

2 Respostas 2

0

Não sei se você já tentou isso, mas e se retirar o default do módulo que vc criou? Exemplo:

export function alert(message: string): void {
  console.log('Alerta: ' + message)
}

Outra coisa, você está chamando o módulo como alert.js, mas está criando como alert.ts.

Espero ter ajudado!

0

Apesar de não sentir que seja o mais ideal, consegui resolver atribuindo o valor exportado à palavra-chave export:

export = function alert(message: string) {
  console.log(message);
}

Penso que uma forma mais "correta" de se fazer isso seria usando ferramentas como webpack ou rollup. Porém, o que fiz acima serviu para as minhas necessidades.

Aqui é possível consultar um arquivo de configuração do rollup que também poderia resolver o meu problema. Não cheguei a pesquisar um exemplo para o webpack.

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .