Ошибка import declarations may only appear at top level of a module

Пытаюсь использовать firebase для получения сообщений из формы. Проект собирается с помощью webpack. При подключении формы использовала фрагменты кода с документации (которые появляются при создании приложения).

import { initializeApp } from "firebase/app";


const firebaseConfig = {
    apiKey: "LKJidsdkjoeiflkdsjfsidfjlsdisj",
    authDomain: "sdfklsdkj.firebaseapp.com",
    projectId: "sdfklsdkj",
    storageBucket: "sdfklsdkj.appspot.com",
    messagingSenderId: "1068439125174",
    appId: "1:1132132332:web:4ecfb3a687c92917617a17"
  };

 
const app = initializeApp(firebaseConfig);

Код хранится в отдельном файле form.js и в html используется два скрипта

<script src="./src/assets/form.js"></script>
<script src="./dist/main.js"></script>

Консоль firefox выдает ошибку "import declarations may only appear at top level of a module" Если попытаться ее исправить и добавить type="module", то появляется другая ошибка *"Error resolving module specifier “firebase/app”. Relative module specifiers must start with “./”, “../” or “/”". Как это исправить?