[Alexander3928]

функция для плавной прокрутки по якорям

function anchorsPage(root) {
    const anchors = document.querySelectorAll('a[href*="#"]');
 
    for (let anchors of anchors) {
       anchors.addEventListener('click', event => {
          event.preventDefault();
          const anchorsId = anchors.getAttribute('href')
          document.querySelector('' + anchorsId).scrollIntoView({
             behavior: "smooth",
             block: "start"
          });
       });
    }
 }

Это функция которая для элемента дает плавности прокрутки(одним словом якорь для плавной прокрутки страницы по id )

Ну вообщем суть не в этом, а как мне вызвать такие функции в главной функции где я динамически деал элементы?

Вот часть кода:

function main(root, dataList) {
    //PAGE 1
   const aboutWrraper = document.createElement('div');
   aboutWrraper.classList.add('about-wrraper');
   aboutWrraper.classList.add('grid');
   const introductionWrraper = document.createElement('div');
   introductionWrraper.classList.add('introduction-wrraper');
   introductionWrraper.classList.add('grid');
   const advantagesWrraper = document.createElement('div');
   advantagesWrraper.id = "center";
   advantagesWrraper.classList.add('advantages-wrraper');
   advantagesWrraper.classList.add('grid');

   activeCard();
   anchorsPage();

aboutWrraper.append(introductionWrraper, advantagesWrraper, biographyWrraper, buttonFormWrraper);
   root.append(aboutWrraper);
}

main(document.querySelector('main'));

И я хочу обьявить в ней 2 функции из других файлов

import { activeCard } from "./activeCard";
import { anchorsPage } from "./anchorsPage";

В скрине написано что не так.
P.S. на html это работат. А если страницы переводить динамически через js то вот такая ошибка

P.S. надеюсь понятно обьяснил