'`react-map-gl` ERROR Module not found error [MAPBOX]
Failed to compile
./node_modules/@math.gl/web-mercator/dist/esm/web-mercator-viewport.js
Module not found: Can't resolve 'gl-matrix/mat4' in 'D:\Projects\react-app\frontend\node_modules\@math.gl\web-mercator\dist\esm'+
I get this on the development status, I tried repeatedly to install and uninstall npm i react-map-gl
. I also tried to create a new app but facing same error.
Solution 1:[1]
The issue is basically one of the dependencies of react-map-gl which is called gl-matrix has upgraded to version 3.4.0 from 3.3.0. Probably because it is a minor upgrade some of its dependant libraries
??? [email protected]
? ??? [email protected]
??? [email protected]
? ??? [email protected]
? ??? @math.gl/[email protected]
? ??? [email protected] deduped
??? [email protected]
??? [email protected]
automatically tried to fetch latest minor version. I'm trying force-resolutions with npm both on docker as well.
You can check which version your packages are using with
- npm ls gl-matrix
then try
- npm install --unsafe-perm
to force resolutions if necessary.
Solution 2:[2]
I had the same issue and in the end had to add gl-matrix
as an explicit dependency:
npm install gl-matrix
Solution 3:[3]
Installation
Using react-map-gl requires react >= 16.3.
npm install --save react-map-gl mapbox-gl
Sources
This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.
Source: Stack Overflow
Solution | Source |
---|---|
Solution 1 | Berk Özel |
Solution 2 | dain |
Solution 3 | El-Youssif Aw. |