npm install breaks at loading node-sass

[checopdleon]

entering cli command:
user@pc new-app % npm i react-timeline-range-slider
outputs:

npm WARN deprecated [email protected]: this library is no longer supported
npm WARN deprecated [email protected]: Please upgrade  to version 7 or higher.  Older versions may use Math.random() in certain circumstances, which is known to be problematic.  See https://v8.dev/blog/math-random for details.
npm WARN deprecated [email protected]: request has been deprecated, see https://github.com/request/request/issues/3142
npm WARN deprecated [email protected]: This SVGO version is no longer supported. Upgrade to v2.x.x.
npm ERR! code 1
npm ERR! path /Users/spdl/Developing_temp/reactJS/new-app/node_modules/node-sass
npm ERR! command failed
npm ERR! command sh -c node scripts/build.js

a build is then attempted but outputs a long series of c++ errors while trying to create the library

I'm getting these errors on a macOS Catalina Version 10.15.7 with npm version 8.3.0

[KristjanVall]

+1

[sallesma]

Same error here using Ubuntu 20.04.4 with yarn add react-timeline-range-slider

[Cycov]

Same here

[YamatoDX]

Facing Same problem

[harveyconnor]

same issue

[charlielizy]

Below is a quick guide for minimum and maximum supported versions of node-sass:
could enable a Beta version or just have a new release with these updates

NodeJS	Supported node-sass version	Node Module
Node 17	7.0+	102
Node 16	6.0+	93
Node 15	5.0+, <7.0	88
Node 14	4.14+	83
Node 13	4.13+, <5.0	79
Node 12	4.12+	72
Node 11	4.10+, <5.0	67
Node 10	4.9+, <6.0	64
Node 8	4.5.3+, <5.0	57
Node <8	<5.0	<57

[lokomass]

Same issue for me…. Is it possible to update library ? This is unusable

[lokomass]

https://dev.to/ccreusat/migrating-from-node-sass-to-sass-dart-sass-with-npm-3g3c

[johnlaine1]

Same here.

[lokomass]

any update ?

[smbera]

emm... I have same problem.

[enriqueqs]

same problem here :/

[pablopareja]

same here 😞

[taohanxu]

If you met the same problem, try by yourself to delete node-sass module,
or directly use NPM import my git repository whitch I removed the node-sass
npm install https://github.com/zxzhang-cn/react-timeline-range-slider

[aszmyd]

For anyone looking for an alternative, it seems this fork is more up-to-date and does not have the node-sass related issues when installing.

[HakanOZDABAK]

For anyone looking for an alternative, it seems this fork is more up-to-date and does not have the node-sass related issues when installing.

Hello aszmyd I have a issue like this.Picker's green piece overflows the area. How can I fix this?

[lokomass]

Too late for me, I switched to mui

[aszmyd]

For anyone looking for an alternative, it seems this fork is more up-to-date and does not have the node-sass related issues when installing.

Hello aszmyd I have a issue like this.Picker's green piece overflows the area. How can I fix this?

No idea. I don't see such a thing and I'm not a maintainer of this package either - I just found it to work for me better than the original package from this repo.

[HakanOZDABAK]

For anyone looking for an alternative, it seems this fork is more up-to-date and does not have the node-sass related issues when installing.

Hello aszmyd I have a issue like this.Picker's green piece overflows the area. How can I fix this?

No idea. I don't see such a thing and I'm not a maintainer of this package either - I just found it to work for me better than the original package from this repo.

Thanks for your reply. I solved the problem. The line's width is always smaller then calc(0.1) so I added width <0.1? 0: calc() then my problem solved. I wanna wrote this for other users.

[harveyconnor]

I've exported the whole repo as a typescript package if you'd like to use it find link below
https://github.com/harveyconnor/react-timeline-range-slider