ПРОБЛЕМА: локальный сервер распознает swup, а хост-сервер (страницы github) - нет.
Я использую библиотеку swup для переходов страниц. Он отлично работает в моей локальной среде, но не загружается со страниц GitHub.
я получаю консольные ошибки
GET https://stephenstuder.com/node_modules/swup/dist/swup.js net::ERR_ABORTED 404
app.js:1
Uncaught ReferenceError: Swup is not defined
at app.js:1
Эти ошибки не возникают в моей локальной среде.
Версию хоста можно посетить по адресу https://www.stephenstuder.com для справки и проверки, а кодовая база равна https://github.com/stephenstuder/stephenstuder.github.io
Вот необходимый код, который я использую заставить работать swup:
just above closing body tag on each page
<script src="node_modules/swup/dist/swup.js"></script>
<script src="app.js"></script>
main tag surrounding element to be transitioned
<main id="swup" class="transition-fade">
menu items with slashes (requirement of swup)
<li class="menuItem menu"><a href="/about.html">About</a></li>
<li class="menu"><a href="/projects.html">Projects</a></li>
<li class="menu"><a href="/contact.html">Contact</a></li>
//initialization in my js file
const swup = new Swup();