webpack typescript import jQuery
Всем привет. Изучаю webpack и столкнулся с одной проблемой, с которой не могу разобраться уже долгое время. Есть точька входа app.ts. Установлен jQuery через ноду, лежит в папке node_modules.
В app.ts есть такая строка: import $ = require( 'jquery' ); console.log('H2: ', $("h2")); $('h2').css('color','red'); Но почему то цвет заголовка не меняется и в консоль выкидывает вот такое: Код:
H2: [prevObject: jQuery.fn.init[1]] |
Ты забыл в $(function(){}) обернуть...
|
Цитата:
import $ = require( 'jquery' ); declare let NODE_ENV: any; console.log($); console.log('Document: ', $(document)); console.log('Body: ', $("body").get()); $('h2').css('color','red'); console.log(NODE_ENV); |
Вопрос решен.
Как всегда, многие проблемы происходят на ровном месте из за пустяков к которым так привык, что уже не замечаешь.
Скрипт грузился в шапке, а document.ready не было. По этому ничего и не работало. Перенес скрипт в конец body и всё заработало. |
Цитата:
import $ = require( 'jquery' ); $(function(){ $('h2').css('color','red'); }) |
Часовой пояс GMT +3, время: 05:43. |