Error in plugin gulp webp

Ответили на вопрос 4 человека. Оцените лучшие ответы! И подпишитесь на вопрос, чтобы узнавать о появлении новых ответов.

Просто с ничего при работе галпа вылезла ошибка, и дальше не дает запустить галп. В чем может быть проблема?

[15:25:39] 'html' errored after 305 ms
[15:25:39] TypeError in plugin 'gulp-webp-css'
Message:
    Cannot read property '0' of null
Details:
    domainEmitter: [object Object]
    domainThrown: false
[15:25:39] 'default' errored after 514 ms

Ошибка гдето в этом коде, без него запускает на ура.

<header class="header">
    <div class="wrap-container">
        <div class="container">
            <div class="header-items">
                <div class="header-items__icons">
                    <div class="header-items__icons-fb">
                        <i class="fab fa-facebook-f"></i>
                    </div>
                    <div class="header-items__icons-in">
                        <img src="" alt="">
                    </div>
                    <div class="header-items__icons-fb">
                        <img src="" alt="">
                    </div>
                </div>
                <div class="header-items__img">
                    <a href="" class="modal-window">Є запитання?</a>
                </div>
            </div>
        </div>
    </div>
    <div class="header-logo">
        <div class="container">
            <div class="header-logo-item">
                <img src="img/logo/logo.svg" alt="image">
            </div>
        </div>
    </div>
    <div class="header-menu">
        <div class="container">
            <ul>
                <li>menu1</li>
            </ul>
        </div>
    </div>
</header>

I try to save changes in my code, but I have this issue:

[00:49:04] 'html' errored after 43 ms
[00:49:04] TypeError in plugin 'gulp-webp-css'
Message:
    Cannot read property '0' of null
Details:
    domainEmitter: [object Object]
    domain: [object Object]
    domainThrown: false
[00:49:04] 'default' errored after 124 ms

Here’s the link to my gulpfile.js code — https://jsfiddle.net/yLo9b4na/

I tried to look for reasons for several hours, but did not succeed.

Has anyone encountered such a problem? I would be grateful for any help.

asked Jul 5, 2020 at 18:30

dim-014's user avatar

Usually it means that you have an img tag empty like this:

<img src="" />

By the way, it will crush webp even if it’s commented.

answered Jul 24, 2020 at 13:40

Makso83's user avatar

Did you find a solution. I’m experiencing the same issue, it won’t skip the error no matter what I try.

Error in plugin «gulp-webp»
Message:
Unsupported color conversion request
Error! Could not process file /private/var/folders/6d/16t37p8x41qc2tml9mj7l7700000gn/T/5154da7a-7fdd-44b9-b17d-014441ea276f
Error! Cannot read input picture file ‘/private/var/folders/6d/16t37p8x41qc2tml9mj7l7700000gn/T/5154da7a-7fdd-44b9-b17d-014441ea276f’

Details:
code: 255
killed: false
stdout:
stderr: Unsupported color conversion request
Error! Could not process file /private/var/folders/6d/16t37p8x41qc2tml9mj7l7700000gn/T/5154da7a-7fdd-44b9-b17d-014441ea276f
Error! Cannot read input picture file ‘/private/var/folders/6d/16t37p8x41qc2tml9mj7l7700000gn/T/5154da7a-7fdd-44b9-b17d-014441ea276f’

failed: true
signal: null
cmd: /Applications/MAMP/htdocs/website/wp-content/themes/mytheme/node_modules/cwebp-bin/vendor/cwebp -quiet -mt -o /private/var/folders/6d/16t37p8x41qc2tml9mj7l7700000gn/T/f6125fb8-46f4-4d81-9bd3-e51c5998a370 /private/var/folders/6d/16t37p8x41qc2tml9mj7l7700000gn/T/5154da7a-7fdd-44b9-b17d-014441ea276f
timedOut: false
fileName: /Applications/MAMP/htdocs/website/wp-content/uploads/2019/09/Badge-1.jpg

Содержание

  1. Error: Cannot find module ‘webp-converter/cwebp’ >> problem and solution #30
  2. Comments
  3. Error: Cannot find module ‘webp-converter/cwebp’ >> problem and solution about webp-converter HOT 2 OPEN
  4. Comments (2)
  5. Related Issues (20)
  6. Recommend Projects
  7. React
  8. Vue.js
  9. Typescript
  10. TensorFlow
  11. Django
  12. Laravel
  13. Recommend Topics
  14. javascript
  15. server
  16. Machine learning
  17. Visualization
  18. Recommend Org
  19. Facebook
  20. Microsoft
  21. ZaharBorisenko/Assembling-Gulp
  22. Sign In Required
  23. Launching GitHub Desktop
  24. Launching GitHub Desktop
  25. Launching Xcode
  26. Launching Visual Studio Code
  27. Latest commit
  28. Git stats
  29. Files
  30. README.md
  31. Error: Cannot find module ‘webp-converter/cwebp’ >> problem and solution about webp-converter HOT 2 OPEN
  32. Comments (2)
  33. Related Issues (20)
  34. Recommend Projects
  35. React
  36. Vue.js
  37. Typescript
  38. TensorFlow
  39. Django
  40. Laravel
  41. Recommend Topics
  42. javascript
  43. server
  44. Machine learning
  45. Visualization
  46. Recommend Org
  47. Facebook
  48. Microsoft

Error: Cannot find module ‘webp-converter/cwebp’ >> problem and solution #30

Install
npm i gulp-webp —save-dev
npm i gulp-webp-html —save-dev
npm i gulp-webpcss —save-dev
and other packages for Gulp
then run gulp in the terminal
and I get this:
internal / modules / cjs / loader.js: 985
throw err;
^

Error: Cannot find module ‘webp-converter / cwebp’
Require stack:

  • /home/svyatoslavlp/github/2020/akadem1_2020/node_modules/webpcss/dist/WebpBase64.js
  • /home/svyatoslavlp/github/2020/akadem1_2020/node_modules/webpcss/dist/Webpcss.js
  • /home/svyatoslavlp/github/2020/akadem1_2020/node_modules/webpcss/dist/index.js
  • /home/svyatoslavlp/github/2020/akadem1_2020/node_modules/gulp-webpcss/index.js
  • /home/svyatoslavlp/github/2020/akadem1_2020/gulpfile.js
  • /home/svyatoslavlp/.nvm/versions/node/v12.16.1/lib/node_modules/gulp-cli/lib/versioned/^4.0.0/index.js
  • /home/svyatoslavlp/.nvm/versions/node/v12.16.1/lib/node_modules/gulp-cli/index.js
  • /home/svyatoslavlp/.nvm/versions/node/v12.16.1/lib/node_modules/gulp-cli/bin/gulp.js
    at Function.Module._resolveFilename (internal / modules / cjs / loader.js: 982: 15)
    at Function.Module._load (internal / modules / cjs / loader.js: 864: 27)
    at Module.require (internal / modules / cjs / loader.js: 1044: 19)
    at require (internal / modules / cjs / helpers.js: 77: 18)
    at Object. (/home/svyatoslavlp/github/2020/akadem1_2020/node_modules/webpcss/dist/WebpBase64.js:33:19)
    at Module._compile (internal / modules / cjs / loader.js: 1158: 30)
    at Object.Module._extensions..js (internal / modules / cjs / loader.js: 1178: 10)
    at Module.load (internal / modules / cjs / loader.js: 1002: 32)
    at Function.Module._load (internal / modules / cjs / loader.js: 901: 14)
    at Module.require (internal / modules / cjs / loader.js: 1044: 19) <
    code: ‘MODULE_NOT_FOUND’,
    requireStack: [
    ‘/home/svyatoslavlp/github/2020/akadem1_2020/node_modules/webpcss/dist/WebpBase64.js’,
    ‘/home/svyatoslavlp/github/2020/akadem1_2020/node_modules/webpcss/dist/Webpcss.js’,
    ‘/home/svyatoslavlp/github/2020/akadem1_2020/node_modules/webpcss/dist/index.js’,
    ‘/home/svyatoslavlp/github/2020/akadem1_2020/node_modules/gulp-webpcss/index.js’,
    ‘/home/svyatoslavlp/github/2020/akadem1_2020/gulpfile.js’,
    ‘/home/svyatoslavlp/.nvm/versions/node/v12.16.1/lib/node_modules/gulp-cli/lib/versioned/^4.0.0/index.js’,
    ‘/home/svyatoslavlp/.nvm/versions/node/v12.16.1/lib/node_modules/gulp-cli/index.js’,
    ‘/home/svyatoslavlp/.nvm/versions/node/v12.16.1/lib/node_modules/gulp-cli/bin/gulp.js’
    ]
    >

solution (might come in handy):
copy files from: node_modules> webp-converter> src
in: node_modules> webp-converter

everything is working

The text was updated successfully, but these errors were encountered:

Установить
npm i gulp-webp —save-dev
npm i gulp-webp-html —save-dev
npm i gulp-webpcss —save-dev
и другие пакеты для глотка
затем бегите глотком в терминал
и я получаю это:
внутренний / модули / cjs / загрузчик.js: 985
бросок err;
^

Ошибка: не удается найти модуль ‘webp-converter / cwebp’
Требуется стек:

  • /home/svyatoslavlp/github/2020/akadem1_2020/node_modules/webpcss/dist / WebpBase64.JS
  • /home/svyatoslavlp/github/2020/akadem1_2020/node_modules/webpcss/dist / Webpcss.JS
  • /home/svyatoslavlp/github/2020/akadem1_2020/node_modules/webpcss/dist / index.JS
  • /home/svyatoslavlp/github/2020/akadem1_2020/node_modules/gulp-webpcss / index.JS
  • /home/svyatoslavlp/github/2020/akadem1_2020 / gulpfile.JS
  • / главная/святославлп/.nvm/versions/node/v12. 16.1/lib/node_modules/gulp-cli/lib/versioned/^4.0.0/index.JS
  • / главная/святославлп/.nvm / versions/node/v12. 16.1/lib/node_modules/gulp-cli/index.JS
  • / главная/святославлп/.nvm / versions/node/v12. 16.1/lib/node_modules/gulp-cli/bin/gulp.js
    на работе.Модуль._resolveFilename (internal / modules / cjs / loader.js: 982: 15)
    на работе.Модуль._load (internal / modules / cjs / loader.js: 864: 27)
    в модуле.require (internal / modules / cjs / loader.js: 1044: 19)
    at require (internal / modules / cjs / helpers.js: 77: 18)
    на объектах. (/home/svyatoslavlp/github / 2020/akadem1_2020/node_modules/webpcss/dist / WebpBase64.js: 33: 19)
    в модуле._compile (internal / modules / cjs / loader.js: 1158: 30)
    на объектах.Модуль._выдвижений..js (internal / modules / cjs / loader.js: 1178: 10)
    в модуле.load (internal / modules / cjs / loader.js: 1002: 32)
    на работе.Модуль._load (internal / modules / cjs / loader.js: 901: 14)
    в модуле.require (internal / modules / cjs / loader.js: 1044: 19) <
    код: ‘MODULE_NOT_FOUND’,
    requireStack: [
    ‘/home/svyatoslavlp/github/2020/akadem1_2020/node_modules/webpcss/dist / WebpBase64.js’,
    ‘/home/svyatoslavlp/github/2020/akadem1_2020/node_modules/webpcss/dist / Webpcss.js’,
    ‘/home/svyatoslavlp/github/2020/akadem1_2020/node_modules/webpcss/dist / index.js’,
    ‘/home/svyatoslavlp/github / 2020/akadem1_2020/node_modules/gulp-webpcss / index.js’,
    ‘/home/svyatoslavlp/github/2020/akadem1_2020 / gulpfile.js’,
    ‘/главная/святославлп/.nvm/versions/node/v12. 16.1/lib/node_modules/gulp-cli/lib/versioned/^4.0.0/index.js’,
    ‘/главная/святославлп/.nvm / versions/node/v12. 16.1/lib/node_modules/gulp-cli/index.js’,
    ‘/главная/святославлп/.nvm / versions/node/v12. 16.1/lib/node_modules/gulp-cli/bin/gulp.js’
    ]
    >

решение (может пригодиться):
скопируйте файлы из: node_modules> webp-converter> > src>>
in: node_modules> webp-конвертер

была такая же проблема, сделал как в описании, все зарабтоало, спс

Источник

Error: Cannot find module ‘webp-converter/cwebp’ >> problem and solution about webp-converter HOT 2 OPEN

EvgenLebedev-1984 commented on January 15, 2023

Установить
npm i gulp-webp —save-dev
npm i gulp-webp-html —save-dev
npm i gulp-webpcss —save-dev
и другие пакеты для глотка
затем бегите глотком в терминал
и я получаю это:
внутренний / модули / cjs / загрузчик.js: 985
бросок err;
^

Ошибка: не удается найти модуль ‘webp-converter / cwebp’
Требуется стек:

  • /home/svyatoslavlp/github/2020/akadem1_2020/node_modules/webpcss/dist / WebpBase64.JS
  • /home/svyatoslavlp/github/2020/akadem1_2020/node_modules/webpcss/dist / Webpcss.JS
  • /home/svyatoslavlp/github/2020/akadem1_2020/node_modules/webpcss/dist / index.JS
  • /home/svyatoslavlp/github/2020/akadem1_2020/node_modules/gulp-webpcss / index.JS
  • /home/svyatoslavlp/github/2020/akadem1_2020 / gulpfile.JS
  • / главная/святославлп/.nvm/versions/node/v12. 16.1/lib/node_modules/gulp-cli/lib/versioned/^4.0.0/index.JS
  • / главная/святославлп/.nvm / versions/node/v12. 16.1/lib/node_modules/gulp-cli/index.JS
  • / главная/святославлп/.nvm / versions/node/v12. 16.1/lib/node_modules/gulp-cli/bin/gulp.js
    на работе.Модуль._resolveFilename (internal / modules / cjs / loader.js: 982: 15)
    на работе.Модуль._load (internal / modules / cjs / loader.js: 864: 27)
    в модуле.require (internal / modules / cjs / loader.js: 1044: 19)
    at require (internal / modules / cjs / helpers.js: 77: 18)
    на объектах. (/home/svyatoslavlp/github / 2020/akadem1_2020/node_modules/webpcss/dist / WebpBase64.js: 33: 19)
    в модуле._compile (internal / modules / cjs / loader.js: 1158: 30)
    на объектах.Модуль._выдвижений..js (internal / modules / cjs / loader.js: 1178: 10)
    в модуле.load (internal / modules / cjs / loader.js: 1002: 32)
    на работе.Модуль._load (internal / modules / cjs / loader.js: 901: 14)
    в модуле.require (internal / modules / cjs / loader.js: 1044: 19) <
    код: ‘MODULE_NOT_FOUND’,
    requireStack: [
    ‘/home/svyatoslavlp/github/2020/akadem1_2020/node_modules/webpcss/dist / WebpBase64.js’,
    ‘/home/svyatoslavlp/github/2020/akadem1_2020/node_modules/webpcss/dist / Webpcss.js’,
    ‘/home/svyatoslavlp/github/2020/akadem1_2020/node_modules/webpcss/dist / index.js’,
    ‘/home/svyatoslavlp/github / 2020/akadem1_2020/node_modules/gulp-webpcss / index.js’,
    ‘/home/svyatoslavlp/github/2020/akadem1_2020 / gulpfile.js’,
    ‘/главная/святославлп/.nvm/versions/node/v12. 16.1/lib/node_modules/gulp-cli/lib/versioned/^4.0.0/index.js’,
    ‘/главная/святославлп/.nvm / versions/node/v12. 16.1/lib/node_modules/gulp-cli/index.js’,
    ‘/главная/святославлп/.nvm / versions/node/v12. 16.1/lib/node_modules/gulp-cli/bin/gulp.js’
    ]
    >

решение (может пригодиться):
скопируйте файлы из: node_modules> webp-converter> > src>>
in: node_modules> webp-конвертер

была такая же проблема, сделал как в описании, все зарабтоало, спс

  • How to use in Angular & Ionic
  • Error when trying to into a directory
  • Support for Converting From Binary Buffer to WEBP HOT 2
  • Error! Unknown option ‘-‘
  • Is this code base still active?
  • Spawn EACCESS error HOT 2
  • spawn /webp-converter/bin/libwebp_linux/bin/cwebp EACCES
  • Multiple input files specified. Exiting due to command-line parsing error. HOT 2
  • is it possible to also convert videos to webm using this library ?
  • can the cwebp can be manully set (to use the manully install one)For node-alpine docker
  • node_modules/webp-converter/temp not created at npm install HOT 2
  • support for freebsd x64 HOT 1
  • decoding webp failed HOT 1
  • Unknown Option ‘-v’ HOT 2
  • How do I delete the original file after modification?
  • CYMK jpg
  • 转换文件路径如果存在空格会转换失败
  • How to set multiple extensions?
  • How to call converter in different folder?

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

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

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

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.

Источник

ZaharBorisenko/Assembling-Gulp

Use Git or checkout with SVN using the web URL.

Work fast with our official CLI. Learn more.

Sign In Required

Please sign in to use Codespaces.

Launching GitHub Desktop

If nothing happens, download GitHub Desktop and try again.

Launching GitHub Desktop

If nothing happens, download GitHub Desktop and try again.

Launching Xcode

If nothing happens, download Xcode and try again.

Launching Visual Studio Code

Your codespace will open once ready.

There was a problem preparing your codespace, please try again.

Latest commit

Git stats

Files

Failed to load latest commit information.

README.md

В эту сборку входят основные функции и плагины для работы.

Обработка html файлов(разбивка по компонентам)

Обработка SCSS/SASS файлов(разбивка по компонентам)

Обработка Js файлов(разбивка по компонентам)

Использования Gulp сборки для нового проекта:

для этого нужно:

  • скопировать папку gulp,src,а так же файлы gulpfile.js и package.json
  • и прописать команду в терминале — npm i

при запуске gulp вылезает ошибка — Error: Cannot find module ‘webp-converter/cwebp’, чтобы исправить эту ошибку нужно установить convert плагин командой — npm install webp-converter@2.2.3 —save-dev

Исправлена ошибка scss разбивки по компонентам — не работал @import в файлах scss, исправил с помощью плагина gulp-sass-glob

Источник

Error: Cannot find module ‘webp-converter/cwebp’ >> problem and solution about webp-converter HOT 2 OPEN

EvgenLebedev-1984 commented on January 15, 2023

Установить
npm i gulp-webp —save-dev
npm i gulp-webp-html —save-dev
npm i gulp-webpcss —save-dev
и другие пакеты для глотка
затем бегите глотком в терминал
и я получаю это:
внутренний / модули / cjs / загрузчик.js: 985
бросок err;
^

Ошибка: не удается найти модуль ‘webp-converter / cwebp’
Требуется стек:

  • /home/svyatoslavlp/github/2020/akadem1_2020/node_modules/webpcss/dist / WebpBase64.JS
  • /home/svyatoslavlp/github/2020/akadem1_2020/node_modules/webpcss/dist / Webpcss.JS
  • /home/svyatoslavlp/github/2020/akadem1_2020/node_modules/webpcss/dist / index.JS
  • /home/svyatoslavlp/github/2020/akadem1_2020/node_modules/gulp-webpcss / index.JS
  • /home/svyatoslavlp/github/2020/akadem1_2020 / gulpfile.JS
  • / главная/святославлп/.nvm/versions/node/v12. 16.1/lib/node_modules/gulp-cli/lib/versioned/^4.0.0/index.JS
  • / главная/святославлп/.nvm / versions/node/v12. 16.1/lib/node_modules/gulp-cli/index.JS
  • / главная/святославлп/.nvm / versions/node/v12. 16.1/lib/node_modules/gulp-cli/bin/gulp.js
    на работе.Модуль._resolveFilename (internal / modules / cjs / loader.js: 982: 15)
    на работе.Модуль._load (internal / modules / cjs / loader.js: 864: 27)
    в модуле.require (internal / modules / cjs / loader.js: 1044: 19)
    at require (internal / modules / cjs / helpers.js: 77: 18)
    на объектах. (/home/svyatoslavlp/github / 2020/akadem1_2020/node_modules/webpcss/dist / WebpBase64.js: 33: 19)
    в модуле._compile (internal / modules / cjs / loader.js: 1158: 30)
    на объектах.Модуль._выдвижений..js (internal / modules / cjs / loader.js: 1178: 10)
    в модуле.load (internal / modules / cjs / loader.js: 1002: 32)
    на работе.Модуль._load (internal / modules / cjs / loader.js: 901: 14)
    в модуле.require (internal / modules / cjs / loader.js: 1044: 19) <
    код: ‘MODULE_NOT_FOUND’,
    requireStack: [
    ‘/home/svyatoslavlp/github/2020/akadem1_2020/node_modules/webpcss/dist / WebpBase64.js’,
    ‘/home/svyatoslavlp/github/2020/akadem1_2020/node_modules/webpcss/dist / Webpcss.js’,
    ‘/home/svyatoslavlp/github/2020/akadem1_2020/node_modules/webpcss/dist / index.js’,
    ‘/home/svyatoslavlp/github / 2020/akadem1_2020/node_modules/gulp-webpcss / index.js’,
    ‘/home/svyatoslavlp/github/2020/akadem1_2020 / gulpfile.js’,
    ‘/главная/святославлп/.nvm/versions/node/v12. 16.1/lib/node_modules/gulp-cli/lib/versioned/^4.0.0/index.js’,
    ‘/главная/святославлп/.nvm / versions/node/v12. 16.1/lib/node_modules/gulp-cli/index.js’,
    ‘/главная/святославлп/.nvm / versions/node/v12. 16.1/lib/node_modules/gulp-cli/bin/gulp.js’
    ]
    >

решение (может пригодиться):
скопируйте файлы из: node_modules> webp-converter> > src>>
in: node_modules> webp-конвертер

была такая же проблема, сделал как в описании, все зарабтоало, спс

  • How to use in Angular & Ionic
  • Error when trying to into a directory
  • Support for Converting From Binary Buffer to WEBP HOT 2
  • Error! Unknown option ‘-‘
  • Is this code base still active?
  • Spawn EACCESS error HOT 2
  • spawn /webp-converter/bin/libwebp_linux/bin/cwebp EACCES
  • Multiple input files specified. Exiting due to command-line parsing error. HOT 2
  • is it possible to also convert videos to webm using this library ?
  • can the cwebp can be manully set (to use the manully install one)For node-alpine docker
  • node_modules/webp-converter/temp not created at npm install HOT 2
  • support for freebsd x64 HOT 1
  • decoding webp failed HOT 1
  • Unknown Option ‘-v’ HOT 2
  • How do I delete the original file after modification?
  • CYMK jpg
  • 转换文件路径如果存在空格会转换失败
  • How to set multiple extensions?
  • How to call converter in different folder?

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

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

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

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.

Источник

Just with nothing when working the gallop came up with an error, and further does not allow to run the gallop. What could be the problem?

[15:25:39] 'html' errored after 305 ms
[15:25:39] TypeError in plugin 'gulp-webp-css'
Message:
Cannot read property '0' of null
Details:
domainEmitter: [object Object]
domainThrown: false
[15:25:39] 'default' errored after 514 ms

An error somewhere in this code, without it runs fine.

<header class="header">
<div class="wrap-container">
<div class="container">
<div class="header-items">
<div class="header-items__icons">
<div class="header-items__icons-fb">
<i class="fab fa-facebook-f"></i>
</div>
<div class="header-items__icons-in">
<img src="" alt="">
</div>
<div class="header-items__icons-fb">
<img src="" alt="">
</div>
</div>
<div class="header-items__img">
<a href="" class="modal-window">Є запитання?</a>
</div>
</div>
</div>
</div>
<div class="header-logo">
<div class="container">
<div class="header-logo-item">
<img src="img/logo/logo.svg" alt="image">
</div>
</div>
</div>
<div class="header-menu">
<div class="container">
<ul>
<li>menu1</li>
</ul>
</div>
</div>
</header>

OS: Ubuntu 15.04

Command failed: JPEG support not compiled. Please install the libjpeg development package before building.

Not compiled into what? gulp-webp?
Why wasnt it exactly compiled with it to begin with?


Concerning this libjpeg package, I assume it means this:

λ sudo apt-get install libjpeg62-dev

If anyone has stumbled on the same issue; don’t install 62-dev write «libjpeg» and hit tab and install the biggest number (62 is just v6.2 of the library)

Even with that installed you’ll still get the error. However if I do,

λ npm rm gulp-webp ; npm i gulp-webp

  [ omitting npm messages ]

  ⚠ spawn ENOENT
  ⚠ cwebp pre-build test failed
  ℹ compiling from source
  ✔ cwebp built successfully
gulp-webp@2.3.0 node_modules/gulp-webp
├── modify-error-event@1.0.0 (modify-event@1.0.0)
└── imagemin-webp@3.0.3 (replace-ext@0.0.1, through2@0.6.5, is-cwebp-readable@1.0.1, exec-buffer@2.0.1, cwebp-bin@3.0.0)

Now it finally works.

Seems to me it is more then happy to compile with out support for anything.

This is not very intuitive. If possible can you fix this? Maybe some test after the compilation step to check it can actually handle jpeg, png, etc files with instructions on what to install. Right now it works but it probably will fail again as soon as I use a png file somewhere.

Понравилась статья? Поделить с друзьями:
  • Error in plugin gulp sass
  • Error in plugin gulp postcss
  • Error in plugin gulp babel
  • Error in plots display expecting plot structure but received
  • Error in plot3d first argument must be either in standard or parametric form