Swup работает с локальным сервером, но не загружается на хост-сервере (страницы github) - PullRequest
1 голос
/ 19 января 2020

ПРОБЛЕМА: локальный сервер распознает 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();
...