Встроить скрипт на сайт

@avtomoda · Регистрация: 17.11.2021

Студворк — интернет-сервис помощи студентам

Есть готовая библиотека скриптов - https://github.com/NigelOToole/direction-reveal. Хочу встроить ее на сайт. Не получается.
Подключил 2 скрипта:

HTML5
1
2
<script src="/themes/custom/nasopn/dist/js/direction-reveal.js?v=9.2.8" type="module"></script>
<script src="/themes/custom/nasopn/dist/js/main.js?v=9.2.8" type="module"></script>

Выдает ошибку в main.js:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
(function ($) {
  $(document).ready(function(){
 
      import DirectionReveal from './direction-reveal.js';
 
 
// Init with all options at default setting
const directionRevealDefault = DirectionReveal({
  selector: '.direction-reveal',
  itemSelector: '.direction-reveal__card',
  animationName: 'swing',
  animationPostfixEnter: 'enter',
  animationPostfixLeave: 'leave',
  enableTouch: true,
  touchThreshold: 250
});

@gogolik · 17.11.2021, 13:26

Ошибку-то какую? jQuery подключена?

@Eva Rosalene · 17.11.2021, 13:42

Сообщение от avtomoda

import DirectionReveal from './direction-reveal.js';

import нельзя использовать в этом месте.

Добавлено через 54 секунды
И это, ES Modules лучше каким-нибудь вебпаком бандлить, а не заставлять браузер каждый раз резолвить дерево зависимостей и ходить за каждой на сервер.

@gogolik · 17.11.2021, 13:54

Не по теме:

Eva Rosalene, чет я импорт и не приметил...

@avtomoda · 17.11.2021, 14:04 **[ТС]**

Я брал с git. Ссылку в посте дал. У человека на демо странице все работает. У меня не работает.

Добавлено через 2 минуты
Ошибка inspected. Query подключена.

@gogolik · 17.11.2021, 14:05

avtomoda, ну а как у человека на демо-странице это всё организовано вы смотрели?

@avtomoda · 17.11.2021, 14:09 **[ТС]**

Конечно смотрел. На странице заражается скрипт main.js В нем lmport.

@Eva Rosalene · 17.11.2021, 14:53

avtomoda, в нём import в самом верху файла, там можно. А вы зачем-то в колбэк jQuery запихнули, там нельзя.
https://developer.mozilla.org/... nts/import

Добавлено через 56 секунд

Сообщение от avtomoda

Подключил 2 скрипта:

Первый не нужен. Выкиньте.

@avtomoda · 17.11.2021, 15:53 **[ТС]**

Понятно. Спасибо. Я понял свою ошибку. Ещё если не сложно, подскажите, можно ли как то переписать скрипт не модульно как у человека, а одним файлом и как это лучше сделать. Я компилирую стили и скрипты в gulp. Может их просто банально можно склеить или это работать не будет. Знаний у меня не так много, особенно в JS

Добавлено через 6 минут
У человека в репозитории git есть перекомпилировпнный скрипт , для старого стандарта, но он у меня не завелся.

Новые блоги и статьи Все статьи Все блоги /
сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/	WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .	Classic Notepad for Windows 11 Jel 10.01.2026 Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .	Почему дизайн решает? Neotwalker 09.01.2026 В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .
Модель микоризы: классовый агентный подход 3 anaschu 06.01.2026 aa0a7f55b50dd51c5ec569d2d10c54f6/ O1rJuneU_ls https:/ / vkvideo. ru/ video-115721503_456239114	Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ФедосеевПавел 06.01.2026 Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ВВЕДЕНИЕ Введу сокращения: аналоговый ПИД — ПИД регулятор с управляющим выходом в виде числа в диапазоне от 0% до. . .	Модель микоризы: классовый агентный подход 2 anaschu 06.01.2026 репозиторий https:/ / github. com/ shumilovas/ fungi ветка по-частям. коммит Create переделка под биомассу. txt вход sc, но sm считается внутри мицелия. кстати, обьем тоже должен там считаться. . . .	Расчёт токов в цепи постоянного тока igorrr37 05.01.2026 / * Дана цепь постоянного тока с сопротивлениями и источниками (напряжения, ЭДС и тока). Найти токи и напряжения во всех элементах. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа и. . .

@gogolik Супер-модератор 3948 / 2055 / 829 Регистрация: 13.03.2010 Сообщений: 6,753
	17.11.2021, 13:26
	Ошибку-то какую? jQuery подключена? 0

@gogolik
	17.11.2021, 13:54
	Не по теме: Eva Rosalene, чет я импорт и не приметил... 0

@avtomoda 0 / 0 / 0 Регистрация: 17.11.2021 Сообщений: 4
	17.11.2021, 14:04 [ТС]
	Я брал с git. Ссылку в посте дал. У человека на демо странице все работает. У меня не работает. Добавлено через 2 минуты Ошибка inspected. Query подключена. 0

@gogolik Супер-модератор 3948 / 2055 / 829 Регистрация: 13.03.2010 Сообщений: 6,753
	17.11.2021, 14:05
	avtomoda, ну а как у человека на демо-странице это всё организовано вы смотрели? 0

@avtomoda 0 / 0 / 0 Регистрация: 17.11.2021 Сообщений: 4
	17.11.2021, 14:09 [ТС]
	Конечно смотрел. На странице заражается скрипт main.js В нем lmport. 0

@avtomoda 0 / 0 / 0 Регистрация: 17.11.2021 Сообщений: 4
	17.11.2021, 15:53 [ТС]
	Понятно. Спасибо. Я понял свою ошибку. Ещё если не сложно, подскажите, можно ли как то переписать скрипт не модульно как у человека, а одним файлом и как это лучше сделать. Я компилирую стили и скрипты в gulp. Может их просто банально можно склеить или это работать не будет. Знаний у меня не так много, особенно в JS Добавлено через 6 минут У человека в репозитории git есть перекомпилировпнный скрипт , для старого стандарта, но он у меня не завелся. 0