Erro no import

bom dia estou tendo problema com o import do validar.js

os arquivos estão tudo na mesma pasta

o erro esta dando na primeira linha desse código app.js

import { validarInput } from "./validar.js"

window.onload = () => {
    const inputs = document.querySelectorAll('input');

    inputs.forEach(input => {
        input.addEventListener('input', () => {
            validarInput(input)

        })
    })
}

validarDataNascimento

export const validarDataNascimento = input => {
    alert('Olá')
    const dataNascimento = new Date(input.value);
    const dataAtual = new Date();

    const dataFaz18 = new Date(
        dataNascimento.getUTCFullYear() + 18,
        dataNascimento.getUTCMonth(),
        dataNascimento.getUTCDate()
    );

    if(dataFaz18 > dataAtual){
        input.setCustomValidity('A idade minima é de 18 anos');

        return;
    }

    input.setCustomValidity('');
    return;
}

validar.js

import { validarDataNascimento } from "./validarDataNascimento.js"

export const validarInput = input => {
    if(input.id === 'dataNascimento'){
        validarDataNascimento()
    }
}```