Comments (14)
agragregra
commented on July 27, 2024
Очень странный у вас код, посмотрите внимательно. Вы пытаетесь импортировать jQuery из libs/slick.
jQuery следует подключать так:
import $ from 'jquery'; window.jQuery =
Slick следует подключать так:
npm i -D slick-carousel
В app.js:
import * as slick from 'slick-carousel'
В _config.sass импортах:
@import 'node_modules/slick-carousel/slick/slick.scss'
from optimizedhtml-5.
AntonLitvin
commented on July 27, 2024
да, 3.9 это моя версия галпа в силу исторических причин)..Больше всего меня
интересовала возможность подключения плагинов из папок, но в любом случае
спасибо!
пн, 14 дек. 2020 г. в 14:29, Алексей <[email protected]>:
… Сборка работает на gulp 4, gulp 3.9 - это ваша версия или что?
Если у вас 4 версия Gulp и эта ошибка, попробуйте подключить следующим
образом:
npm i -D slick-carousel
В app.js:
import * as slick from 'slick-carousel'
В _config.sass импортах:
@import <https://github.com/import>
'node_modules/slick-carousel/slick/slick.scss'
—
You are receiving this because you authored the thread.
Reply to this email directly, view it on GitHub
<#34 (comment)>,
or unsubscribe
<https://github.com/notifications/unsubscribe-auth/AEWFW4S2UFJIH3XPUACC5G3SUX4WZANCNFSM4UZ3NSWA>
.
--
Regards, Anton Litvinenko
from optimizedhtml-5.
agragregra
commented on July 27, 2024
Попробуйте import из папки.
from optimizedhtml-5.
AntonLitvin
commented on July 27, 2024
Как раз require из папки и вызывает ошибку. Решение я не нугуглил, а
обновлять gulp боюсь, вдруг старые проекты перестануть работать, тогда
будет совсем нехорошо)
пн, 14 дек. 2020 г. в 14:45, Алексей <[email protected]>:
… Попробуйте require из папки.
—
You are receiving this because you authored the thread.
Reply to this email directly, view it on GitHub
<#34 (comment)>,
or unsubscribe
<https://github.com/notifications/unsubscribe-auth/AEWFW4VBQP2XCJD2YQJAUP3SUYCFHANCNFSM4UZ3NSWA>
.
--
Regards, Anton Litvinenko
from optimizedhtml-5.
agragregra
commented on July 27, 2024
А import работает?
from optimizedhtml-5.
agragregra
commented on July 27, 2024
Всё, понял. Эта конструкция в стартере загружает из модулей jquery, погуглите как правильно из файла импортировать эту библиотеку.
from optimizedhtml-5.
AntonLitvin
commented on July 27, 2024
import тоже не работает.
пн, 14 дек. 2020 г. в 14:51, Алексей <[email protected]>:
… Всё, понял. Эта конструкция в стартере загружает из модулей jquery,
погуглите как правильно из файла импортировать эту библиотеку.
—
You are receiving this because you authored the thread.
Reply to this email directly, view it on GitHub
<#34 (comment)>,
or unsubscribe
<https://github.com/notifications/unsubscribe-auth/AEWFW4QUACSDW75PE6I3Q73SUYC45ANCNFSM4UZ3NSWA>
.
--
Regards, Anton Litvinenko
from optimizedhtml-5.
agragregra
commented on July 27, 2024
Вам нужно чтобы и slick и jquery находились в файлах?
from optimizedhtml-5.
AntonLitvin
commented on July 27, 2024
Скажем так. Я хотел бы иметь возможность подключать что мне нужно из
файлов. Вы правильно сказали в ролике, что бывает, нужно подключить
библиотеку, которая не сильно свежая или ее нет в модулях. Например
fullpage.js версии 2.9 или какойто древний датапикер или кастом скролл.
Я давно пользуюсь вашими сборками, спасибо, но я переделываю их так, чтобы
у меня стили и скрипты либ были отдельно, кастомные стили и скрипты тоже
отдельно и джейквери отдельно.
Последняя сделана на базе ранней четвертой сборки. Вчера посмотрел Ваше
видео и скачал посмотреть сборку, переделал немного, но с подключением
библиотек вышел затык. Я не шибко программист, задачу так и не решил.
Написал ишью, вдруг проблема не только у меня. Но видать изза галпа.
В любом случае, спасибо, сори, что потратил ваше время
пн, 14 дек. 2020 г. в 15:05, Алексей <[email protected]>:
… Вам нужно чтобы и slick и jquery находились в файлах?
—
You are receiving this because you authored the thread.
Reply to this email directly, view it on GitHub
<#34 (comment)>,
or unsubscribe
<https://github.com/notifications/unsubscribe-auth/AEWFW4W6SP5THO4ZJOKFK3DSUYERZANCNFSM4UZ3NSWA>
.
--
Regards, Anton Litvinenko
from optimizedhtml-5.
agragregra
commented on July 27, 2024
Вариант тут у меня вышел один. Устанавливать jQuery как модуль npm и импортировать его:
import $ from 'jquery'; window.jQuery =
А все старые плагины просто реквайрить ниже без константы или присвоения переменной:
require('../vendor/slick/slick.min.js')
Минифицированная версия jQuery не может работать полноценно в данном окружении. Так что можно использовать требуемую версию jQyery, прописав её в package.json или использовать всегда свежую из пакетов.
from optimizedhtml-5.
AntonLitvin
commented on July 27, 2024
А у меня кстати так тоже не сработало вчера. Я подключил jquery через
импорт, а плагины пробовал через require, результат тот же
пн, 14 дек. 2020 г., 15:42 Алексей <[email protected]>:
… Вариант тут у меня вышел один. Устанавливать jQuery как модуль npm и
импортировать его:
import $ from 'jquery'; window.jQuery = $; window.$ = $
А все стары плагины просто реквайрить ниже:
require('../vendor/slick/slick.min.js')
Минифицированная версия не может работать полноценно в данном окружении.
Так что можно использовать нужную версию jQyery, прописав её в package.json
или использовать всегда свежую из пакетов.
—
You are receiving this because you authored the thread.
Reply to this email directly, view it on GitHub
<#34 (comment)>,
or unsubscribe
<https://github.com/notifications/unsubscribe-auth/AEWFW4QY7FLW6QZZWIXJF7TSUYI5LANCNFSM4UZ3NSWA>
.
from optimizedhtml-5.
agragregra
commented on July 27, 2024
Вот, рабочий код у меня:
import $ from 'jquery'; window.jQuery =
require('../vendor/slick/slick.min.js')
$(".slider").slick()
from optimizedhtml-5.
AntonLitvin
commented on July 27, 2024
В общем поставил вашу сборку начисто, ничего не менял
через команду import jquery не подключается, та же ошибка.
через require из папки jquery подключается.
Кроме джейквери из папки ничего не подключается((
пн, 14 дек. 2020 г. в 15:54, Алексей <[email protected]>:
… Ну вот же рабочий код у меня:
import $ from 'jquery'; window.jQuery = $; window.$ = $
require('../vendor/slick/slick.min.js')
$(".slider").slick()
—
You are receiving this because you authored the thread.
Reply to this email directly, view it on GitHub
<#34 (comment)>,
or unsubscribe
<https://github.com/notifications/unsubscribe-auth/AEWFW4VX24DBGR76DMBPJ23SUYKI5ANCNFSM4UZ3NSWA>
.
--
Regards, Anton Litvinenko
from optimizedhtml-5.
agragregra
commented on July 27, 2024
jQuery следует подключать импортом из модулей. Или используйте стартер OH4, там всё по старому работает.
from optimizedhtml-5.
Related Issues (20)
- Не работает условия if HOT 6
- ошибка is not defined HOT 2
- regeneratorRuntime is not defined Использую async/await HOT 2
- [BABEL] Note: The code generator has deoptimised the styling of ... as it exceeds the max of 500KB. HOT 2
- (node:46157) [DEP0097] DeprecationWarning: Using a domain property in MakeCallback is deprecated. Use the async_context variant of MakeCallback or the AsyncResource class instead. HOT 1
- Как отслеживать ошибки если js минифицируется сразу? HOT 10
- События срабатывают три раза HOT 5
- not defined
- Проблемы с плагином Swiper Slider HOT 4
- Плагин gulp-group-css-media-queries
- Новая система импортов HOT 1
- Error [ERR_REQUIRE_ESM]: Must use import to load ES Module: МОЙ ПУТЬ\gulpfile.js require() of ES modules is not supported. HOT 4
- Less HOT 2
- swiper is not working. HOT 1
- Swiper is not a constructor
- Gupl & Gulp-rsync HOT 1
- May be boost postcss instead of scss and less?
- Swiper is not defined
- Very nice template, but please update it HOT 1
- Что мне добавить в gulp файл, чтобы после сохранения js файла происходила перезагрузка приложения, даже если в js есть ошибка
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from optimizedhtml-5.