gulp | Frontend Framework library

gulp-imagemin 8.0.0 and above are now ESM only. You can downgrade gulp-imagemin to 7.1.0 which is commonjs and it should work fine.

This package is now pure ESM. Please read this.

https://github.com/sindresorhus/gulp-imagemin/releases/tag/v8.0.0

To import an ES module from CommonJS code, use a dynamic import.

ES module imports are asynchronous: you'll have to make sure that the gulp-imagemin import has completed before creating the gulp stream. This can be achieved with gulp.series.

You aren't misunderstanding tee, you're misunderstanding what stdout is. In a pipe, like echo testing | tee | python3 -c 'a=1', the tee command's stdout is not the terminal, it's the pipe going to the python command (and the echo command's stdout is the pipe going to tee).

So tee /dev/stdout sends two copies of its input (on stdin) to the exact same place: its stdout, whether that's the terminal, or a pipe, or whatever.

If you want to send a copy of the input to tee someplace other than down the pipe, you need to send it somewhere other than stdout. Where that is depends on where you actually want to send it (i.e. why you want to copy it). If you specifically want to send it to the terminal, you could do this:

I found a bit of a workaround:

You can use \n to define the line breaks

So it looks like:

can you try to put the following into your ".browserlistrc" file. The file is located in the root directory of your project.

last 1 Chrome version
last 1 Firefox version
last 2 Edge major versions
last 2 Safari major versions
last 2 iOS major versions
Firefox ESR
IE 11

This once helped me to fix the error.

I have the same issue but you can work around by overriding the file:

1. Go into your src folder
2. If you don't have create css folder
3. Then create /compat/components/_dropdown.scss
4. Now here you can override the file
5. Run build command and you're done!

You add width to the .show in @media screen and (min-width: 768px) section. And you should not do this. If you want to change the size of the modal you can set width for .modal-dialog class

I did not use blade but got the same error with first creating a theme skeleton with yo liferay-theme and then running gulp build.

The error seems to relate to liferay-font-awesome version 3.5.0 which is the version Liferay theme generator puts into package.json.

I then changed the liferay-font-awesome version to 3.4.2 in package.json, executed npm install to update node_modules and after this gulp build completed successfully.

I did not test the theme in practise, just got it compiled.

gulp-sass 4.1.0 uses node-sass 4, and node-sass 4 does not support Node.js 16, as indicated in this table.

To support Node.js 16, upgrade gulp-sass: the latest version today is 5.1.0: