755 questions
0
votes
0
answers
17
views
Sass @use 'bootstrap/scss/bootstrap' failing with 'Can't find stylesheet to import' in minimal project
I'm encountering a persistent issue where Sass is unable to resolve the import path for Bootstrap, even in a minimal test project. I'm using gulp-sass with Dart Sass.
Here's the problem:
I'm trying to ...
- 860
0
votes
0
answers
25
views
"gulp-sass" and "sass" with ES module is not working , when try to get css from scss files
I’m using Gulp v5.0 to compile, minify, and clean the CSS for my application. I've migrated from CommonJS to ES Modules (ESM) in my Gulp setup.
There’s a custom component (maintained by another team) ...
- 136
0
votes
0
answers
61
views
How can I replace node-sass module?
I'm trying to start my website again after few years but can not change the code because my gulpfile.js for the compiler does not start.
Terminal says that the reasoin is that node-sass I used before ...
- 1
2
votes
1
answer
3k
views
How to Silence Deprecation Warning in Gulp Sass Task - "The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0."
My current installation is the follow:
Node - v20.18.0 Gulp - v5.0.0 Gulp-Sass - v5.1.0 Sass - v1.80.6
My gulpfile.js:
const gulp = require("gulp");
const sass = require("gulp-sass&...
- 21
1
vote
2
answers
5k
views
How to resolve the deprecation warning 'The legacy JS API is deprecated' when using Dart Sass?
I'm getting the following message when building my project in js, but Dart Sass is already up-to-date. What should I do in this situation?
[@localhost frontend]$ npm run lumis:build
.../frontend/...
- 11
0
votes
1
answer
166
views
How to satisfy stylelint "context" check, without causing gullp errors?
My code:
@media (min-width: 965px) {
#my-class {
justify-content: flex-end;
}
}
is causing stylelint to throw this error:
✖ Expected "context" media feature media-...
- 125
0
votes
0
answers
34
views
scssTask Errored during Gulp-Sass execution
I'm just starting out with Gulp via VS Code but I can't seem to get it working.
Here is my Gulp file:
// Initialize modules
const { src, dest, watch, series } = require('gulp');
const sass = require('...
4
votes
1
answer
1k
views
Bootstrap 5.3.3 _type.scs has waring on compile with Gulp
I am using Bootstrap 5.3.3 in my project and compile using gulp.js
I see warning on every save change.
below message see on terminal.
Deprecation Warning: Sass's behavior for declarations that appear ...
- 163
2
votes
1
answer
287
views
TypeError: Cannot assign to read only property 'ctime' of object '#<Stats>'
I have a simple gulp file setup that compiles scss to css and then continues to watch for changes during development, I am developing an electron app based on node (v22.0.0)
It was working before when ...
- 21
0
votes
1
answer
48
views
Use Gulp Newer on Array of Sources
I am trying to speed up my watch task by optimizing scss compilation task.
Orginally I had all of my scss compiling into one big app.css file but I found that if I remove some @imports that are rarely ...
- 43
0
votes
1
answer
78
views
Can I use sass instead of node-sass in suiteCommerce project?
I am using mac system.
chip : apple M2
macOS : Ventura 13.4
i was trying to install suiteCommerce Theme Developer Tool, but ran into following problem
when i was trying to install node-sass v7.0.0, ...
0
votes
0
answers
86
views
gulpfile not compiling js and css on save
I'm encountering an issue with my Gulpfile: when I save changes, the console indicates that both JS and CSS are successfully compiled. However, the updated results aren't reflected on the frontend ...
- 74
1
vote
1
answer
3k
views
Sass - TypeError: Cannot read properties of undefined (reading 'indexOf')
My build on the server failed today, suddenly, when doing its Sass thing it's always done for 4 years.
It runs in Docker so the image probably has a later npm than I have locally, since I don't tend ...
- 45.3k
0
votes
1
answer
175
views
I am getting error while running ionic project
I want to run ionic project but getting error like below:
I have run command as ng serve --port=8100
this is my command prompt error:
` E:\IonicProj\Moodle IOS\Moodle>ng serve --port=8100
Error: ...
0
votes
0
answers
131
views
gulp-sass : combine multiple scss into one scss file
I am using gulp npm package to bundle the scss files into one single scss file in angular 13. I am facing issues like,
Error: Can't find stylesheet to import.
╷
1 │ @use '@angular/material' as mat;
...
- 47
0
votes
1
answer
125
views
Generated code is leading to a sass compound selector error
I'm currently working on a netsuite suite commerce site to migrate to google 4 analytics.
I am at the stage of deploying the changes to netsuite which uses a gulp project and generates a ...
0
votes
2
answers
790
views
Gulp error when running: Gulp-sass no longer has a default Sass compiler; please set one yourself
I am getting the following error message when trying to run my gulp script.
`
gulp-sass no longer has a default Sass compiler; please set one yourself.
Both the "sass" and "node-sass&...
0
votes
1
answer
37
views
I am trying to use the gulpfile.js to convert the sass file to css file but it can't work
enter image description here
it tried typing gulp to build up the js file and compile it to create a new index.css file
1
vote
0
answers
273
views
How to watch entire directory of scss and compile files separately in their own sub-folders?
I have a css folder with sub-folders populated with scss files. How can I watch the whole folder and automatically generate a separate style.css file on change for every folder.
`--css
--content
...
user21205571
1
vote
1
answer
646
views
Error in plugin "gulp-sass" when deploy Liferay 7.4 theme
While migrating my Liferay 7 theme to 7.4 version, I got warnings like
Deprecation Warning: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.
Recommendation:...
- 169
1
vote
1
answer
192
views
GULP | Gulp imagemin takes too much time to convert images
Here is my gulpfile.js code:
"use strict"
const { src, dest } = require("gulp")
const gulp = require("gulp")
const autoprefixer = require("gulp-autoprefixer")
...
0
votes
1
answer
463
views
gulp-sass slower with each compile
I have a very simple *.scss compilation task with the use of npm and gulp 4.
It is watched by
const scssWatcher = watch(['scss/*.scss']);
scssWatcher.on('all', function(event, path){ compileSass(path);...
- 1,441
0
votes
1
answer
255
views
Gulp 4: watch task has to be a function
I have a problem with the watch task on SCSS using Gulp 4. I've looked at the documentation on gulp-sass and the various threads on the topic but still I must be making some very banal mistake, as I ...
- 11
0
votes
0
answers
58
views
Approach to reduce SASS generated lines
In my curently workflow, I use some mixins to easier responsive breakpoints code. I also use gulp to process and compress those generated CSS. Example below:
#footer {
.block-contacts {
....
- 721
0
votes
1
answer
4k
views
Error in plugin gulp-sass when running gulp styles
Sass error I am receiving when I run "gulp styles"
Current versions:
npm -v 8.11.0
node -v 16.16.0
Computer specs:
macOS Monterey 12.2.1
Processor:3.3 GHz 6-Core Intel Core i5
username@...
- 1
1
vote
1
answer
192
views
Error in deployment of gulp based website
I am trying to deploy a gulp based website but i get this error every time i do gulp deploy i encounter this problem can anyone help?
$ gulp deploy
[00:19:01] Using gulpfile E:\newfolder\gulpfile.js
[...
- 11
2
votes
0
answers
234
views
Cannot find module 'gulp-cli'
Error: Cannot find module 'gulp-cli'
Require stack:
- /usr/local/lib/node_modules/gulp/bin/gulp.js
at Function.Module._resolveFilename (node:internal/modules/cjs/loader:924:15)
at Function....
- 3,148
0
votes
1
answer
352
views
gulp not compiling scss in subfolders
I have the following folder structure:
theme
assets
build
css
style.css
src
theme
buttons.scss
style.scss
components
hero
hero.html
...
- 867
1
vote
1
answer
414
views
Nested scss variables not compiling with gulp
I'm using gulp to compile my scss files. Everything worked until I got a new laptop, and now the nested variables aren't compiling.
For example, none of these colors compile:
$theme-colors: (
...
- 257
0
votes
1
answer
293
views
Browsersync not reloading since updating to gulp-sass 5.0
Browsersync not reloading after each style/gulp-sass task. The issue started since updating Gulp. Here is the Gulpfile.js. It used to work when gulp-sass has a default Sass compiler.
const sass = ...
- 15
1
vote
1
answer
333
views
Gulpfile not compiling Scss & JS properly
I am trying to create a gulpfile.js to compile scss to css and JS components to a main JS file. But it's not working properly.
The issues i am facing, when I run the command gulp:
It doesn't compile ...
- 77
0
votes
1
answer
2k
views
Why do I get: "Error: cannot find module sass" when I run "gulp" in terminal?
I'm trying to run a gulp task but when I go to Terminal > Run Task... > gulp it says No gulp task found. I run gulp in the terminal and I get the title's error.
which sass: /home/username/.nvm/...
0
votes
1
answer
340
views
Gulp: Migrating Gulpfile.js from gulp 3 to 4
Here i am trying to migrate my existing site which is using gulp 3. Now upgrading gulp from 3 to 4.
Below is Gulpfile.js
'use strict';
var gulp = require('gulp'),
autoprefixer = require('gulp-...
- 847
1
vote
0
answers
39
views
Fonts starts looks like vector graphic
Yesterday everything was okey, today morning all fonts on my website start looks like that:
Same situation in chrome/opera/firefox. Nobody changed nothing. Maybe some changes in browsers? Whats a ...
- 401
1
vote
2
answers
5k
views
Error: File not found with singular glob: (if this was purposeful, use `allowEmpty` option)
I am trying to automate a task with watch, in gulp. I am a beginner at this.
This is code:
const { series, src, dest, watch } = require('gulp');
const sass = require('gulp-sass');
// Función que ...
- 11
-2
votes
1
answer
158
views
How to convert the following CSS into SCSS format?
I'm working on a WordPress page with a new layout I added to Flexible Content Template customer field. I found the .scss file where the styles should be placed in, but not sure how to convert my CSS ...
- 749
0
votes
1
answer
223
views
Can't compile using gulp
Whenever I try and run either yarn install or npm install I get:
libsass/src/libsass/src/sass_values.o Release/obj.target/libsass/src/libsass/src/source_map.o Release/obj.target/libsass/src/libsass/...
- 582
2
votes
2
answers
2k
views
Liferay Theme Creation : Error During gulp build and gulp deploy
After installing all the necessary packages, I am trying to build a theme for Liferay 7.3 version.
I have installed all the packages needed such as nodejs, npm, gulp ad ruby (sass and compass).
After ...
- 443
0
votes
1
answer
406
views
Why when upgrading to Node.js 16.13.0 (with its nmp 8) I can't stop sass error output?
As a result of upgrading to Node.js 16.13.0 with its nmp 8 I ran into a problem with Sass. I had to update gulp-sass to version 5.0.0, additionally install [email protected] and fix in gulpfile.js the sass ...
- 41
0
votes
1
answer
62
views
Import two files
Recently started learning imports and faced the following problem
After installing the package in gulpfile, you need to make the following entry:
const sass = require('gulp-sass')(require('sass'));
...
- 305
0
votes
1
answer
1k
views
Failure to run the Gulp task runner and error while running Gulp Command
I inside the folder where the project is located through the command:
npm i gulp gulp-sass sass --save-dev
I have installed Gulp, but when I want to run it with this command in vs.code terminal :
...
- 163
2
votes
0
answers
840
views
npm install is raising this error "npm ERR! Failed at the [email protected] postinstall script."
I am to work on this SPFx web part @ https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-enhanced-list-formatting . so i downloaded the files, then i tried to run npm install.. but i got ...
0
votes
1
answer
203
views
gulp doesn't run the page
With some update, the gulp from new projects stopped starting. Reworked the popular answers to this question, but my build with other users is different. I haven’t climbed into the javascript yet, and ...
78
votes
9
answers
299k
views
ReferenceError: require is not defined in ES module scope, you can use import instead gulp sass
I got an error when using this line of code
const sass = require('gulp-sass')(require('sass'));
The error output is :
Requiring external module babel-register
ReferenceError: require is not defined ...
- 923
1
vote
1
answer
2k
views
gulp-sass 5 does not have a default Sass compiler scss files to compile
I am working on a project just starting with gulp, and I am getting this error :
gulp-sass 5 does not have a default Sass compiler; please set one yourself
when I run gulp styles
I have tried a lot ...
- 923
0
votes
2
answers
804
views
Error while running gulp, Missing binding, node-sass couldn't find a binding
When I run the gulp command, I get this error:
throw new Error(errors.missingBinary());
^
Error: Missing binding C:\Program Files (x86)\EasyPHP-Devserver-17\eds-www\Project\node_modules\node-...
- 1
1
vote
2
answers
320
views
gulp sass not writing to destination directory
I've started using the gulp-sass 5.
It's behaviour seems different from gulp-sass 4, requiring different configuration.
I've managed to figure out how to get it reading scss files.
But I can't figure ...
- 943
39
votes
6
answers
57k
views
gulp-sass 5 does not have a default Sass compiler; please set one yourself
Error in plugin "gulp-sass"
Message:
gulp-sass 5 does not have a default Sass compiler; please set one yourself.
Both the sass and node-sass packages are permitted.
For example, in your ...
- 423
2
votes
1
answer
2k
views
Gulp watch not detecting file changes
my Gulp task is starting correctly but not deteccting file changes. I'm developing a WordPress theme from starter-bootstrap.
Run 'npm install' and all dependecies where installed. Now when I run 'npm ...
0
votes
1
answer
1k
views
How to migrate cases that make use of @content and @import with @content and @forward in SASS
I'm migrating a codebase from using @import to @use and @forward. Most of it is okay but I'm unsure what to do in a case where @import is used with @content.
Considering the following mixing that the ...
- 628