Não consigo importar

Olá, bom dia, meu NegociacaoController.ts está com o mesmo código do vídeo

export class NegociacaoController {
    private inputData;
    private inputQuantidade;
    private inputValor;
    
    constructor() {
        this.inputData = document.querySelector('#data');
        this.inputQuantidade = document.querySelector('#quantidade');
        this.inputValor = document.querySelector('#valor');
    }
    
    adiciona() {
        console.log(this.inputData);
        console.log(this.inputQuantidade);
        console.log(this.inputValor);
    }
}

meu app.ts também

import { NegociacaoController } from "./controllers/negociacao-controller.js";

const controller = new NegociacaoController();
const form = document.querySelector(".form");
form.addEventListener('submit', event => {
    event.preventDefault();
    controller.adiciona();  
});

porém não entendo, no navegador eu recebo "Uncaught SyntaxError: Cannot use import statement outside a module", por que ele não está conseguindo importar?