Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Module not found: Error: Can't resolve 'jquery' #34

Closed
AntonLitvin opened this issue Dec 13, 2020 · 14 comments
Closed

Module not found: Error: Can't resolve 'jquery' #34

AntonLitvin opened this issue Dec 13, 2020 · 14 comments

Comments

@AntonLitvin
Copy link

В последней сборке если через require подключать скрипты из папки то выдает подобную ошибку:
Module not found: Error: Can't resolve 'jquery' in 'C:\Users\Pereira\Downloads\HTML5\app\libs\slick'
Gulp 3.9
jQuery таким же образом подключается

@agragregra
Copy link
Owner

agragregra commented Dec 14, 2020

Очень странный у вас код, посмотрите внимательно. Вы пытаетесь импортировать jQuery из libs/slick.
jQuery следует подключать так:
import $ from 'jquery'; window.jQuery = $; window.$ = $
Slick следует подключать так:
npm i -D slick-carousel
В app.js:
import * as slick from 'slick-carousel'
В _config.sass импортах:
@import 'node_modules/slick-carousel/slick/slick.scss'

@AntonLitvin
Copy link
Author

AntonLitvin commented Dec 14, 2020 via email

@agragregra
Copy link
Owner

agragregra commented Dec 14, 2020

Попробуйте import из папки.

@AntonLitvin
Copy link
Author

AntonLitvin commented Dec 14, 2020 via email

@agragregra
Copy link
Owner

А import работает?

@agragregra
Copy link
Owner

Всё, понял. Эта конструкция в стартере загружает из модулей jquery, погуглите как правильно из файла импортировать эту библиотеку.

@AntonLitvin
Copy link
Author

AntonLitvin commented Dec 14, 2020 via email

@agragregra
Copy link
Owner

Вам нужно чтобы и slick и jquery находились в файлах?

@AntonLitvin
Copy link
Author

AntonLitvin commented Dec 14, 2020 via email

@agragregra
Copy link
Owner

agragregra commented Dec 14, 2020

Вариант тут у меня вышел один. Устанавливать jQuery как модуль npm и импортировать его:
import $ from 'jquery'; window.jQuery = $; window.$ = $

А все старые плагины просто реквайрить ниже без константы или присвоения переменной:
require('../vendor/slick/slick.min.js')

Минифицированная версия jQuery не может работать полноценно в данном окружении. Так что можно использовать требуемую версию jQyery, прописав её в package.json или использовать всегда свежую из пакетов.

@AntonLitvin
Copy link
Author

AntonLitvin commented Dec 14, 2020 via email

@agragregra
Copy link
Owner

agragregra commented Dec 14, 2020

Вот, рабочий код у меня:

import $ from 'jquery'; window.jQuery = $; window.$ = $
require('../vendor/slick/slick.min.js')
$(".slider").slick()

@AntonLitvin
Copy link
Author

AntonLitvin commented Dec 14, 2020 via email

@agragregra
Copy link
Owner

jQuery следует подключать импортом из модулей. Или используйте стартер OH4, там всё по старому работает.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants