react-leaflet-heatmap-layer 抛出错误：TypeError：超级表达式必须是 null 或 function，未定义

Question

I'm trying to use the react-leaflet-heatmap-layer module to add a heatmap to my react-leaflet map. I installed it via npm, and followed all the right steps, but I can't get the component to work.

There are two errors which I've come across:
1. Could not find a declaration file for module 'react-leaflet-heatmap-layer'.

Could not find a declaration file for module 'react-leaflet-heatmap-layer'. 'path/node_modules/react-leaflet-heatmap-layer/lib/HeatmapLayer.js' implicitly has an 'any' type. Try `npm i --save-dev @types/react-leaflet-heatmap-layer` if it exists or add a new declaration (.d.ts) file containing `declare module 'react-leaflet-heatmap-layer';`

@types isn't available for this module, so I tried to fix it by creating a global.d.ts file in the src folder, though I doubt I did it correctly because this error only seems to disappear when I have the.d.ts file open in my VSCode. Other sources suggested editing the tsconfig.json file, but I couldn't find one, and I doubt my React project is even supposed to have one.

2. TypeError: Super expression must either be null or a function, not undefined This error shows up on the browser when I do npm start . According to another source online, this error arose with a different leaflet module because it wasn't compatible with the updated versions of react, however I'm not sure if this is the error with my code as well. Here are the versions of react and the modules I'm using:

"leaflet": "^1.7.1",
"leaflet.heat": "^0.2.0",
"react": "^17.0.2",
"react-dom": "^17.0.2",
"react-leaflet": "^3.2.0",
"react-leaflet-heatmap-layer": "^2.0.0",

A lot of other sources online say that this error is most probably due to incorrectly importing the module, but I'm pretty certain I did everything the documentation told me to do.\ import HeatmapLayer from "react-leaflet-heatmap-layer";

Please help.

Answer 1

A newer unofficial (?) version of react-leaflet-heatmap-layer has been published that is compatible with react-leaflet 3.x and 4.

• https://www.npmjs.com/package/react-leaflet-heatmap-layer-v3

Note that publisher is not the original maintainer and the underlying source of this newer package is unclear.