Comments (5)
I had the same issue
npm install react-input-range --force
solved the errors, not sure if it is the best way to do it... but at least its working now
from react-input-range.
I doubt that React is going to make a change that breaks this library. Please consider an open-ended react dependency which matches devDependencies.react
, or, preferably, even less restrictive than that.
from react-input-range.
I removed devDependencies and tried to build the package but 'npm i' gave tons of errors. Any suggestion.
npm ERR! code 1
npm ERR! path c:\Projects\react-input-range\node_modules\node-sass
npm ERR! command failed
npm ERR! command C:\WINDOWS\system32\cmd.exe /d /s /c node scripts/build.js
npm ERR! Building: C:\Program Files\nodejs\node.exe c:\Projects\react-input-range\node_modules\node-gyp\bin\node-gyp.js rebuild --verbose --libsass_ext= --libsass_cflags= --libsass_ldflags= --libsass_library=
npm ERR! gyp info it worked if it ends with ok
npm ERR! gyp verb cli [
npm ERR! gyp verb cli 'C:\Program Files\nodejs\node.exe',
npm ERR! gyp verb cli 'c:\Projects\react-input-range\node_modules\node-gyp\bin\node-gyp.js',
npm ERR! gyp verb cli 'rebuild',
npm ERR! gyp verb cli '--verbose',
...
npm ERR! gyp verb "Release" dir needed to be created? null
npm ERR! gyp verb copying "node.lib" for x64 C:\Users\mytest.node-gyp\14.15.0\Release\node.lib
npm ERR! gyp info spawn C:\Program Files (x86)\Microsoft Visual Studio\2019\Community\MSBuild\15.0\Bin\MSBuild.exe
npm ERR! gyp info spawn args [
npm ERR! gyp info spawn args 'build/binding.sln',
npm ERR! gyp info spawn args '/nologo',
npm ERR! gyp info spawn args '/p:Configuration=Release;Platform=x64'
npm ERR! gyp info spawn args ]
npm ERR! gyp ERR! UNCAUGHT EXCEPTION
npm ERR! gyp ERR! stack Error: spawn C:\Program Files (x86)\Microsoft Visual Studio\2019\Community\MSBuild\15.0\Bin\MSBuild.exe ENOENT
npm ERR! gyp ERR! stack at Process.ChildProcess._handle.onexit (internal/child_process.js:269:19)
npm ERR! gyp ERR! stack at onErrorNT (internal/child_process.js:465:16)
npm ERR! gyp ERR! stack at processTicksAndRejections (internal/process/task_queues.js:80:21)
npm ERR! gyp ERR! System Windows_NT 10.0.19041
npm ERR! gyp ERR! command "C:\Program Files\nodejs\node.exe" "c:\Projects\react-input-range\node_modules\node-gyp\bin\node-gyp.js" "rebuild" "--verbose" "--libsass_ext=" "--libsass_cflags=" "--libsass_ldflags=" "--libsass_library="
npm ERR! gyp ERR! cwd c:\Projects\react-input-range\node_modules\node-sass
npm ERR! gyp ERR! node -v v14.15.0
npm ERR! gyp ERR! node-gyp -v v3.6.0
npm ERR! gyp ERR! This is a bug in node-gyp
.
npm ERR! gyp ERR! Try to update node-gyp and file an Issue if it does not help:
npm ERR! gyp ERR! https://github.com/nodejs/node-gyp/issues
npm ERR! Build failed with error code: 7
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\mytest\AppData\Local\npm-cache_logs\2021-07-01T00_44_08_197Z-debug.log
from react-input-range.
npm install react-input-range --force
thanks
from react-input-range.
After updating to react 17 I get this error:
Uncaught TypeError: Cannot read properties of null (reading 'ownerDocument')
at InputRange.removeDocumentMouseUpListener (input-range.js:494)
at InputRange.componentWillUnmount (input-range.js:216)
react 17 made some changes to its event system, not sure if relates to it. But strange.
from react-input-range.
Related Issues (20)
- How to hide the left side tooltip based on certain conditions HOT 1
- On the IOS screen reader it says swipe up or down what kind of event it triggers??? HOT 1
- Can we have different on change handler events for min and max values?
- onChangeComplete still fires when disabled
- Option to disable some region
- How to get a reference of a specific input when render multiple InputRange HOT 1
- Add onFocus & onBlur
- sameValue to min-max -- choosing handle based on drag direction
- when turned by transform, rotation stops working
- Arrow keys do not work with a step value of less than 1 and value that has min and max
- Value changing but slider not moving
- Unable to preventDefault inside passive event listener invocation HOT 3
- Aria labels should show a value processed by the formatLabel prop and not the actual values
- allowSameValues props is not working
- Cannot move slider - Unable to preventDefault inside passive event listener invocation.
- Issue with slider label on safari
- Warning: Failed prop type: "value" must be in between "minValue" and "maxValue" how to resolve this ?
- React 18? HOT 2
- scroll issue on iphone
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
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
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
-
Game
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.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-input-range.