react传单模块解析失败：意外的令牌（10:39）

Question

Failed to compile.

./node_modules/@react-leaflet/core/lib/path.js 10:39
模块解析失败：意外的标记 (10:39) 您可能需要适当的加载程序来处理此文件类型。 | useEffect(函数 updatePathOptions() { | if (props.pathOptions !== optionsRef.current) {

  var options = props.pathOptions ?? {};

| element.instance.setStyle(选项); | optionsRef.current = 选项；

Answer 1

我也有同样的问题。经过一番研究，我找到了以下答案，这帮助我解决了这些问题。

• react-传单问题
• 创建反应应用程序问题

1. 首先，检查您的 React 版本是否与“react-leaflet”版本匹配。
   • 例如，在“react-leaflet”版本 4.x 中，React v18 和 Leaflet v1.8 现在是 需要作为对等依赖。 参考。
2. 将 package.json 中的 browserslist 更新为：

...    
    "browserslist": [
       ">0.2%",
      "not dead",
      "not op_mini all"
    ],
...

3. 删除 node_modules 中的 .cache 目录并重新开始。

Answer 2

我做了所有这些，但仍然不起作用

我的包裹：

"leaflet": "1.8.0",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-leaflet": "^4.2.1",
"react-scripts": "^2.1.3",