Почему я не могу получить доступ к модулям NPM для страницы aboutus.html моего сайта?

Question

Модули NPM, необходимые для моей страницы aboutus.html, не могут быть найдены, и я получаю ошибку 404. Все отлично работает для index.html, хотя.

Я посмотрел на сервер NPM, и проанализированный путь кажется неправильным:

19.01.20 22:33:07 304 GET /index.html
19.01.20 22:33:07 404 GET /aboutus.html/node_modules/bootstrap/dist/css/bootstrap.min.css

Это от инспектора Chrome:

http://localhost:3000/aboutus.html/node_modules/bootstrap/dist/js/bootstrap.min.js net::ERR_ABORTED 404 (Not Found)

Это путь, который я имею в своем коде: <link rel="stylesheet" href="node_modules/bootstrap/dist/js/bootstrap.min.js">

Страница aboutus.html находится в корне моей папки, поэтому я не понимаю, почему NPM добавляет aboutus.html / перед моим путем. Это не происходит с index.html.

Я уже пытался добавить / и ../ перед своими путями, но безуспешно.

Пожалуйста, потерпите меня, так как это мой первый вопрос, и я также новичок в области веб-разработки. Спасибо!

Answer 1

Я решил это.Проблема заключалась в неправильном связывании страницы index.html со страницей aboutus.html .

Это было так, как она была связана ранее:

<a class="nav-link" href="./aboutus.html/">About</a>

Вот что я изменил в строке:

<a class="nav-link" href="aboutus.html">About</a>

Надеюсь, это поможет людям, которые столкнутся с той же проблемой.

Answer 2

Поместите / перед вашими путями.По умолчанию путь разрешается относительно, что в данном случае находится после вашего файла *.html./ приводит к тому, что путь к корневому каталогу вашего сервера будет разрешен абсолютно.
В index.html URL-адрес обычно вводится как .../, а не .../index.html, что будет иметь такое же поведение.

<link rel="stylesheet" href="/node_modules/...">