Почему не видит функцию jquery?

Question

[Greeg Zagrelov]

Всем доброго времени, подскажите из-за чего ошибка ?

import { $, jQuery } from 'jquery';
window.$ = $;
window.jQuery = jQuery;

document.addEventListener('DOMContentLoaded', () => {
    jQuery(document).ready(function($) {
        console.log()
        $(window).scroll(function() {
            if ($(this).scrollTop() > 140) {
                $('.topMenu-wrap').addClass('.topMenu-wraps');
            } else if ($(this).scrollTop() < 140) {
                $('.topMenu-wrap').removeClass('.topMenu-wraps');
            }
        });
    });

});

Comments

[Евгений]

Зачем document.addEventListener('DOMContentLoaded' и потом тоже самое и на jquery jQuery(document).ready(function($) ?

[Greeg Zagrelov]

Евгений, без него прилоудер крутиться вечно а с ним просто в консоле ошибка, я без него делал

[Евгений]

Попробуйте так

import { $, jQuery } from 'jquery';
window.$ = $;
window.jQuery = jQuery;

$(function () {
    $(window).scroll(function() {
        if ($(this).scrollTop() > 140) {
            $('.topMenu-wrap').addClass('.topMenu-wraps');
        } else if ($(this).scrollTop() < 140) {
            $('.topMenu-wrap').removeClass('.topMenu-wraps');
        }
    });
});

[Вадим]

Greeg Zagrelov, капец Вы тут нагородили... зачем Вам столько объявлений переобъявлений?
А ошибка Вам намекает что по событию ready передаётся вовсе не jqeury в функцию обработчик..

jQuery(document).ready(function($) {

import { $ } from 'jquery';
window.$ = $; // допустим, Вам это действительно нужно.

$(document).ready(function() {
    $(window).scroll(function() {
        if ($(this).scrollTop() > 140) {
            $('.topMenu-wrap').addClass('.topMenu-wraps');
        } else if ($(this).scrollTop() < 140) {
            $('.topMenu-wrap').removeClass('.topMenu-wraps');
        }
    });
});

[Greeg Zagrelov]

Евгений, так так же ошибка на $(document).ready(function() { вот эту строчку

[Greeg Zagrelov]

Вадим, и с вашим вариантом тоже ошибка, спасибо

[Вадим]

Greeg Zagrelov, Та же самая ошибка? Object is not a function?

[Greeg Zagrelov]

Вадим, Object(...) is not a function
at Module../src/components/header/header.js (header.js:6)

[Вадим]

Greeg Zagrelov, давайте мы не будем вытягивать из Вас всё клещами? Предоставляйте полный набор информации.
Что на 6ой строке header.js:6 ?

[Greeg Zagrelov]

Вадим, $(document).ready(function() вот эта часть кода

[Вадим]

Greeg Zagrelov, Сделайте вывод $ в консоль перед этой строчкой.

[Greeg Zagrelov]

Вадим, undefined

[Вадим]

Greeg Zagrelov, отлично. Идём дальше.
Почему Вы решили что можете делать такой импорт конкретно в этом файле? У Вас настроен сборщик? jqeury не подключается глобально? Нужна только в header.js?

[Greeg Zagrelov]

Вадим, у меня сборка webpack и из node modules я import всегда делал, работало

[Вадим]

Greeg Zagrelov, как ставили Jquery модуль? Какой командой?

[Greeg Zagrelov]

Вадим, почти не использую jquery по этому не подключаю его глобально , а только при надобности

[Вадим]

Greeg Zagrelov, Этот вопрос видели? Не работает импорт из jQuery. Почему?

[Greeg Zagrelov]

Вадим, npm вот paket json
"dependencies": {
"@fancyapps/fancybox": "^3.5.7",
"@popperjs/core": "^2.1.0",
"aos": "^3.0.0-beta.6",
"babel-preset-es2017": "^6.24.1",
"bootstrap": "^4.4.1",
"jquery": "^3.4.1",
"materialize-css": "^1.0.0",
"normalize.css": "^8.0.1",
"swiper": "^5.3.6"
}

[Greeg Zagrelov]

Вадим, нет, не видел сейчас изучу

[Вадим]

Greeg Zagrelov,

почти не использую jquery

Но подключаете его в header.js, а header такой элемент, который, как правило, есть везде. Но это так, на подумать.

Вот ещё наткнулся случайно: https://stackoverflow.com/questions/34338411/how-t...

[Greeg Zagrelov]

Вадим, Спасибо, посижу почитаю