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

@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 есть перекомпилировпнный скрипт , для старого стандарта, но он у меня не завелся.

Новые блоги и статьи Все статьи Все блоги /
Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .	модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .	Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка. Hrethgir 08.04.2026 Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .
Модель ЗдрввоСохранения 7: больше работников, больше ресурсов. anaschu 08.04.2026 работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ	Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики. Hrethgir 07.04.2026 Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .	Горе от ума kumehtar 07.04.2026 Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .	Использование значений реквизитов справочника в документе, с определенными условиями и правами Maks 07.04.2026 1. Контроль срока действия договора Алгоритм из решения ниже реализован на примере нетипового документа "ЗаявкаНаРаботу", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если. . .

@gogolik Супер-модератор 3970 / 2092 / 832 Регистрация: 13.03.2010 Сообщений: 6,900
	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 Супер-модератор 3970 / 2092 / 832 Регистрация: 13.03.2010 Сообщений: 6,900
	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