Создаем свою мини-библиотеку в ООП стиле | Javascript, LocalStorage

[@imparcial5262]

У кого не запускается gulp из-за sass: Error in plugin "gulp-sass" Message: gulp-sass no longer has a default Sass compiler; please set one yourself. For example, in your gulpfile: const sass = require('gulp-sass')(require('sass')); [15:14:18] The following tasks did not complete: default, watch, build, copy-html, copy-assets, build-sass, build-js [15:14:18] Did you forget to signal async completion? Просто установите следующий модуль и поменяйте одну строку в gulp файле: npm install --save-dev sass const sass = require('gulp-sass')(require('sass')); (вместо 6 строки)

[@kri4evskiy]

Хммм.... очень интересный и качаственный подход! Мне нравиться! Надо будет заценить и другие твои видосики... Класс!!!) Давай ещё Реакт)

[@dimitridoroshko]

Спасибо, братан. Очень полезно и занимательно. Лайк однозначно!

[@Zibinskiy]

Иван, спасибо за хороший контент! Лайк, однозначно!... )))

[@saibamir2211]

Если при запуске npm install, выдает ошибку, то решением стало сменить версию Node на 14 (текущая версия была 16), совершил при помощи nvm

[@forgiveness_denied]

14:35 чи така логіка: ти міняєш файл на локальному компі, він перезаписується в папці distr; ти пушаєш весь код назад на сервер де зберігається сайт? таким чином відбувається оновлення дизайну/контенту сайтів?? ГЕНІАЛЬНО!!! дуже крутий контент

[@oleksandrvorzhev5026]

Иван, подскажи. Курс по php будет на юдеми?)

[@forgiveness_denied]

💣🚀

[@shaxbozurinov3526]

good job!!!

[@animus9935]

если много элементов на странице рекурсией можно забить колстек и получить ошибку, почему бы просто не повесить фонт сайз на боди с флагом !important?

[@mukhammadmaksudkhodzhaev3754]

Почему используете регулярки вместо parseInt?

[@МиронД-э4ш]

Не могу запустить Gulp в сборке Ивана выдает ошибку: Error in plugin "gulp-sass" Message: gulp-sass no longer has a default Sass compiler; please set one yourself. Both the "sass" and "node-sass" packages are permitted. For example, in your gulpfile: const sass = require('gulp-sass')(require('sass')); [11:43:36] The following tasks did not complete: default, watch, build, copy-html, copy-assets, build-sass, build-js [11:43:36] Did you forget to signal async completion? Если в galp.js заменить "const sass = require("gulp-sass");" на "const sass = require('gulp-sass')(require('sass'));" то: Error: Cannot find module 'sass' Require stack: - D:\JS\Source\gulpfile.js - C:\Users\AppData\Roaming pm ode_modules\gulp-cli\lib\shared equire-or-import.js - C:\Users\AppData\Roaming pm ode_modules\gulp-cli\lib\versioned\^4.0.0\index.js - C:\Users\AppData\Roaming pm ode_modules\gulp-cli\index.js - C:\Users\AppData\Roaming pm ode_modules\gulp-cli\bin\gulp.js at Function.Module._resolveFilename (node:internal/modules/cjs/loader:933:15) at Function.Module._load (node:internal/modules/cjs/loader:778:27) at Module.require (node:internal/modules/cjs/loader:1005:19) at require (node:internal/modules/cjs/helpers:102:18) at Object. (D:\JS\Source\gulpfile.js:6:35) at Module._compile (node:internal/modules/cjs/loader:1105:14) at Object.Module._extensions..js (node:internal/modules/cjs/loader:1159:10) at Module.load (node:internal/modules/cjs/loader:981:32) at Function.Module._load (node:internal/modules/cjs/loader:822:12) at Module.require (node:internal/modules/cjs/loader:1005:19) { code: 'MODULE_NOT_FOUND', requireStack: [ 'D:\\JS\\Source\\gulpfile.js', 'C:\\Users\\AppData\\Roaming\ pm\ ode_modules\\gulp-cli\\lib\\shared\ equire-or-import.js', 'C:\\Users\\AppData\\Roaming\ pm\ ode_modules\\gulp-cli\\lib\\versioned\\^4.0.0\\index.js', 'C:\\Users\\AppData\\Roaming\ pm\ ode_modules\\gulp-cli\\index.js', 'C:\\Users\\AppData\\Roaming\ pm\ ode_modules\\gulp-cli\\bin\\gulp.js' ] } Можете помочь запустить, что нужно исправить или поделитесь рабочей версией gulp.js Заранее спасибо!

[@irina5756]

Иван, почему this.onScaleChange используется this мне понятно, а вот зачем this в this.btnBlock и в this.colorPicker (они же с нуля создаются)? При этом, почему то при создании других импутов this не используется.

[@РамизМирзаев-х5к]

Почему Ваши уроки выходят тогда, когда мне нужна эта инфа?

[@campfireschool]

Я читаю мысли :)

[@aleksandrstaetskiy5687]

Суперское видео! Подскажите, как называется ваша тема для vs code?

[@campfireschool]

Спасибо) Oceanic Next

[@nemounas2127]

Создатели React вот тоже дают скачивать готовую среду и сложно разобраться, что там нужно, а что лишнее и как это настраивать под конкретную задачу. Было бы замечательно, если бы вы сняли ролик, о том как вы настроили среду разработки. Это ведь не дефолтный Create React App без React ? Например мне не понятно зачем у вас Gulp, если есть Webpack? Я слабоват по части Prodaction. Обьясняете вы так, что доходит с первого раза.

[@Max-kr4ie]

по поводу Gulp и Webpack, либо автор лучше знаком с Gulp и привык его настраивать(использовать сильные стороны в лицу 1 команда gulp и все поехало), а Webpack здесь в роли вспомогательного инструмента для использования импортов, бабеля и полифилы. А не как основа сборки проекта.

[@Max-kr4ie]

Но да более детального разбора что и куда как настраивать было бы хорошо

[@Alex-hs8xj]

когда достаем FontSize у parentNode, а что если там нет этого стиля, если он прописан например выше в боди?

[@zizzxiii2714]

По идее он все равно будет наследоваться от боди.

[@НискемкромеСовести]

Вроде все сделал как нужно но при установке вылезло это gyp ERR! configure error gyp ERR! stack Error: Can't find Python executable "python", you can set the PYTHON env variable. gyp ERR! stack at PythonFinder.failNoPython (C:\Users\magis\Desktop\Source ode_modules ode-gyp\lib\configure.js:484:19) gyp ERR! stack at PythonFinder. (C:\Users\magis\Desktop\Source ode_modules ode-gyp\lib\configure.js:509:16) gyp ERR! stack at callback (C:\Users\magis\Desktop\Source ode_modules\graceful-fs\polyfills.js:295:20) gyp ERR! stack at FSReqCallback.oncomplete (fs.js:175:21) gyp ERR! System Windows_NT 10.0.18362 gyp ERR! command "C:\\Program Files\ odejs\ ode.exe" "C:\\Users\\magis\\Desktop\\Source\ ode_modules\ ode-gyp\\bin\ ode-gyp.js" "rebuild" "--verbose" "--libsass_ext=" "--libsass_cflags=" "--libsass_ldflags=" "--libsass_library=" gyp ERR! cwd C:\Users\magis\Desktop\Source ode_modules ode-sass gyp ERR! node -v v14.4.0 gyp ERR! node-gyp -v v3.8.0 gyp ERR! not ok Build failed with error code: 1

[@altosdatch8523]

То же самое, после npm i.

[@KomarovAlexander]

У меня зависимости успешно (хоть и с предупреждениями) установились после удаления файла package-lock.json и запуска команды yarn.

[@aleksey6264]

не могу установить npm npm ERR! Maximum call stack size exceeded npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\ancie\AppData\Roaming pm-cache\_logs\2020-08-06T08_45_29_964Z-debug.log

[@900diamond450]

Возможно нужно вытащить проект из лишней папки

[@ЕвгенийШершов]

node-modules не создается. Терминал выдает PS C:\JS\Customizator> npm i npm WARN saveError ENOENT: no such file or directory, open 'C:\JS\Customizator\package.json' и много чего еще

[@campfireschool]

Добрый день. А вы точно запускаете команду в той папке, которую скачали из материалов?

[@НискемкромеСовести]

не до конца понятно прокатит с этими ошибками или не))

[@IT_psychopath]

фреймворки создали не для того, чтоб делать столь примитивные вещи.)))) как и библиотеки тут тоже совсем не к чему.))) они нужны, когда решить задачу ванильным js, слишком долго и сложно. можно svelte поставить, она да, по скорости работает как нативный js. а react для мелких задач, таких какаха-кодеров надо сразу в черный список и экзорциста вызывать.))) это простительно только джуну, и то только раз. можно понять, не опытный. а так. все, это клеймо на всю жизнь... хахаха

[@Ireile]

Кому поможет, конфиг package.json { "name": "customizator", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "author": "", "license": "ISC", "devDependencies": { "@babel/core": "^7.18.10", "@babel/preset-env": "^7.18.10", "autoprefixer": "^10.4.8", "babel": "^6.23.0", "babel-core": "^6.26.3", "babel-loader": "^8.2.5", "browser-sync": "^2.27.10", "core-js": "^3.24.1", "gulp": "^4.0.2", "gulp-clean-css": "^4.3.0", "gulp-postcss": "^9.0.1", "gulp-sass": "^5.1.0", "webpack": "^5.74.0", "webpack-stream": "^7.0.0" } }

[@prosto-jonny]

Вроде sass ещё нужно установить, на его основе работает gulp-sass

[@галинабабаян-с1в]

Спасибо! А то не получалось установить npm