Problema com IndexDB JavaScript | JavaScript

<!DOCTYPE html>

<html lang="pt-br  ">
    <head>
        <meta charset="UTF-8">
        <title>IndexDb</title>
    </head>
    <body style="background-color: black;">
        <script src="inicial.html">

            // IDDB
            var connection;

            var openRequest = window.indexedDB.open('aluraframe', 3);

            openRequest.onupgradeneeded = e => {

                console.log('Cria ou altera um banco já existente');

                let minhaConnection = e.target.result;

                if(minhaConnection.objectStoreNames.contains('negociacoes')) {
                minhaConnection.deleteObjectStore('negociacoes');
                }
                minhaConnection.createObjectStore('negociacoes', { autoIncrement: true });
            };

            openRequest.onsuccess = e => {
                console.log("Conexao obtida com sucesso");

                connection = e.target.result;
            };

            openRequest.onerror = e => {
                console.log(e.target.error);
            };

            function adiciona() {

                let transaction = connection.transaction(['negociacoes'], 'readwrite');

                let store = transaction.objectStore('negociacoes');

                let negociacoes = new Negociacao(new Date(), 1, 200);

                let request = store.add(negociacoes);

                request.onsuccess = e => {
                    console.log("Negociação incluida com sucesso");
                };

                request.onerror = e => {
                    console.log("Nao foi possivel incluir a negociação");
                };
            };

        </script>
    </body>
</html>

Eu estava fazendo o curso de IndexDb depois de ter feito tudo da aula e fui no site pra ver se iria funcionar, no console aparece o erro: "inicial.html:1 Uncaught SyntaxError: Unexpected token '<'" . Eu ja tentei analisar o codigo fiz de tudo mas n deu certo. Por favor me ajudem!