Change the aspect ratio of an image using CSS
24/09/2021In this post I'll show you how to change the aspect ratio of an image or element using CSS, and explain why this is important.
Node Sass does not yet support your current environment
If you ever update your version of node then you might start running into the “Node Sass does not yet support your current environment” error. I’ve had this happen a few times (including today), and thought that it might be nice to put a fix here for anyone who might be looking.
This problem happens because the version of node-sass that you have installed is no longer compatible with the version of node you are trying to run it with. I guess this could work either way, but it is more likely that your node-sass version is behind; which is nice, because I would rather upgrade an npm package than downgrade node.
Here are a couple of things you could try. Don’t worry, they are nice and quick, with little fuss.
Note: If you have installed node-sass globally then you will need to run with a ‘-g’ flag.
Rebuild node-sass
npm rebuild node-sass
or
npm rebuild -g node-sassRunning rebuild basically recompiles the package to match the new node version. However, if this doesn’t work for you (which it doesn’t for me) then your best bet is to uninstall and reinstall node-sass.
Uninstall and re-install node-sass
npm uninstall node-sass && npm install node-sass
or
npm uninstall -g node-sass && npm install -g node-sassYup, that’s right. If it doesn’t work, wipe it clean and start again!
Join the discussion!
You might like:
Node Sass does not yet support your current environment
17/03/2021Here is how you can fix node incompatibility error, using "Node Sass does not yet support your current environment" as an example.
Recursively make directories in PHP using mkdir
05/03/2021Need to make a directory in PHP? No Problem! mkdir has you covered... Need to recursively make directories in PHP? mkdir has you covered, too!
Regenerate WordPress media image sizes, programmatically
25/02/2021Learn how to regenerate and update WordPress media and image sizes both programmatically (without plugin), and also with a handy plugin.
Magic Constants in PHP. What they are and how to use them
15/02/2021Ever seen constants like __DIR__ and __FILE__ being used in PHP? These are 'Magic Constants', and this is how we can use them.
Detect single and multiple keypress events: JavaScript
16/10/2019Learn how to use event listeners to detect and handle single and multiple keypress events in JavaScript. Add modifier keys to your application!
NodeJS Supported node-sass version *
Node 15 5.0+
Node 14 4.14+
Node 13 4.13+, < 5.0
Node 12 4.12+
Node 11 4.10+, < 5.0
Node 10 4.9+
Node 8 4.5.3+, < 5.0
Node < 8 < 5.0 In my situation problem was in the version of node. As I used the newest version 16.6.4 but the version of node-sass was old (4.14.1), I downgraded node to 14.15.5 (nvm install 14.15.5), ran npm install node-sass@4.14.1, rebuilt node npm rebuild node-sass and just then started my app npm start. Worked!
Steps:
1.nvm install 14.15.5 (downgrade node to version that satisfies node-sass)
*https://nodejs.org/en/blog/release/v14.15.5
2.nvm use 14.15.5
3.npm install node-sass@4.14.1 (reinstall node-sass)
4.npm rebuild node-sass
5.npm start
After executing these commands everything is working fine for me.
Chu Xuân Tình