Проблемы с запуском проекта codepen на локальной машине

Question

Я пытаюсь загрузить https://codepen.io/SpacecaseArtist/project/editor/DQWYxo на свой локальный компьютер, чтобы поиграть с ним.

Я нажал на экспорт в правом нижнем углу и скачал zip.Я распаковал zip в папку, а затем открыл index.html в моем браузере.Когда я открываю его, меня встречает прокручиваемая пустая страница с заголовком и больше ничего.

Моя первая мысль была о том, что должны быть некоторые неправильно импортированные активы, поэтому я посмотрел в файл index.html и увидел:

<script src="//s3-us-west-2.amazonaws.com/s.cdpn.io/138941/draggble.min.js"></script>
<script src="//s3-us-west-2.amazonaws.com/s.cdpn.io/138941/teenmax.min.js"></script>
<script src="//s3-us-west-2.amazonaws.com/s.cdpn.io/138941/waypoints.min.js"></script>
<script src="//s3-us-west-2.amazonaws.com/s.cdpn.io/138941/classy.js"></script>

Есть ли что-то с этими cc .pdn.io cnsчто делает так, что я не могу запустить его на моей локальной машине?Как я могу обойти это?

Answer 1

Просто удалите косые черты в src для всех ссылок. как показано ниже

<script src="s3-us-west-2.amazonaws.com/s.cdpn.io/138941/teenmax.min.js"></script>
<script src="s3-us-west-2.amazonaws.com/s.cdpn.io/138941/waypoints.min.js"></script>
<script src="s3-us-west-2.amazonaws.com/s.cdpn.io/138941/classy.js"></script>

Answer 2

Просто добавьте локальный путь:

<script src="path/to/file.js"></script>

Выше приведены частичные абсолютные ссылки - чтобы они работали, вам нужен Интернет и добавьте https: перед //:

<script src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/138941/draggble.min.js"></script>