Иметь проблемы с маршрутизацией навигационной панели Href всякий раз, когда я нахожусь на новой HTML -странице ⇐ Javascript

[Anonymous]

Когда я сначала загружаю страницу, чтобы индекс.html все загружается нормально. Я нажимаю на ссылку ABA в панели навигации, чтобы направить на страницу aT.HTML, и она загружается нормально. Но когда я снова нажимаю на ссылку, пока я нахожусь на странице aste.html, она бросает ошибку, которая не может ее найти. Я предполагаю, что пути файлов HREF меняются при маршрутизации на другую страницу HTML. Я не уверен, как решить эту проблему. Кроме того, я использую индивидуальный тег навигационного бара, поэтому у меня есть одно место, чтобы ссылаться на его компонент и повторно использовать его на каждой странице. Эта логика находится в файле main.js. < /P>
//This is the main.js file
class Navigation extends HTMLElement {
connectedCallback(){
this.innerHTML = `

Home
About
Skills
Contact

`
}
}

customElements.define('navigation-bar', Navigation);
< /code>
Вот моя структура файла:

src/index.html

src/htmlpages/about.html

src/htmlpages/contact.html
src/htmlpages/contact.html
src/htmlpages/contact.html
src/htmlpages/contact.html /> src/jquery-3.7.1.min.js

src/css/style.css
< /p>

Подробнее здесь: https://stackoverflow.com/questions/794 ... -html-page