Module parse failed: Unexpected token(双问号无法识别)

问题:
react依赖包问题

error  in ./node_modules/@react-leaflet/core/esm/path.js

Module parse failed: Unexpected token (10:41)
You may need an appropriate loader to handle this file type, currently no loaders areo process this file. See https://webpack.js.org/concepts#loaders
|   useEffect(function updatePathOptions() {
|     if (props.pathOptions !== optionsRef.current) {
>       const options = props.pathOptions ?? {};
|       element.instance.setStyle(options);
|       optionsRef.current = options;

 @ ./node_modules/@react-leaflet/core/esm/index.js 15:0-56 15:0-56 15:0-56
 @ ./node_modules/react-leaflet/esm/ZoomControl.js
 @ ./node_modules/react-leaflet/esm/index.js
 @ ./src/pages/RoadNetwork/RegionAnalysis/Travel/index.tsx
 @ ./src/.umi/core/routes.ts
 @ ./src/.umi/umi.ts
 @ multi ./node_modules/umi/node_modules/@umijs/preset-built-in/bundled/@pmmmwh/reactack-plugin/client/ReactRefreshEntry.js ./src/.umi/umi.ts

解决:
可能当前版本和环境 " ?? " 不能识别,所以把用函数将??替换掉即可。

function change(a, b) {
    return a !== undefined && a !== null ? a : b
  }

替换前

export function usePathOptions(element, props) {
  const optionsRef = useRef();
  useEffect(function updatePathOptions() {
    if (props.pathOptions !== optionsRef.current) {
      const options = props.pathOptions ?? {};
      element.instance.setStyle(options);
      optionsRef.current = options;
    }
  }, [element, props]);
}

替换后

export function usePathOptions(element, props) {
  const optionsRef = useRef();
  function change(a, b) {
    return a !== undefined && a !== null ? a : b
  }
  useEffect(function updatePathOptions() {
    if (props.pathOptions !== optionsRef.current) {
      const options = change(props.pathOptions, {});
      element.instance.setStyle(options);
      optionsRef.current = options;
    }
  }, [element, props]);
}
  • 3
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
### 回答1: 在编写 JavaScript 代码时,如果代码中存在不符合语法规范的语句或符号,就会出现 "module parse failed: unexpected token" 的错误提示。这个错误提示是因为在解析代码时遇到了一个不符合预期的令牌,也就是说,该令牌并不是 JavaScript 语法中的关键字、运算符、标识符、字符串、数值等类型。可能是因为在代码中使用的符号不符合编程语言的语法规范,例如忘记使用引号括起来的字符串、缺少分号、使用了未定义的变量等等。在处理前端开发中的模块化加载时,如果没有正确引用模块,也可能会出现此错误提示。要解决这个问题,需要仔细检查代码,排查其中存在的语法错误。如果代码中确实存在不符合语法规范的地方,可以通过修改代码并重新编写,或者使用语法检查工具(例如 ESLint)来纠正语法错误。另外,要注意模块化加载时的引用方式,遵循正确的模块加载规则,以避免产生不符合预期的令牌和错误提示。 ### 回答2: “module parse failed: unexpected token”是指在解析模块时发生了错误,解析器遇到了一个未预期的符号,这可能会导致解析器无法正确识别模块,并导致代码出现错误。 在JavaScript编程中,模块解析通常会涉及到使用import和export关键字来引入和导出模块。如果在使用这些关键字时遇到了语法错误或引用无法识别的模块时,就会出现“module parse failed: unexpected token”错误。 这种错误通常出现在以下情况下: 1. 语法错误 – 在使用import或export关键字时,语法错误可能导致解析器无法识别模块。例如,如果您不小心漏掉分号或大括号,就可能导致解析器遇到不可预测的令牌。 2. 模块不存在或无法加载 – 如果在引用模块时文件不存在,或者模块是损坏或无法加载的,就会导致模块解析失败。这通常会出现在网络错误或文件系统错误造成的404或500错误的情况下。 3. 模块版本不兼容 – 模块版本不兼容可能导致解析器无法成功导入或加载模块。例如,如果您使用ES6语法编写代码,但是通过使用require()函数或使用旧版Node.js运行时要求导入模块,就会出现兼容性问题。 为解决“module parse failed: unexpected token”错误,您需要检查代码中使用import和export关键字时是否存在语法错误,确保所引用的模块存在并且版本兼容。如果错误持续存在,请检查相关文档或查看代码库以查找其他可能存在的问题。同时还可以使用代码审查工具和调试器帮助您找出并解决错误。 ### 回答3: "Module parse failed: unexpected token" 的错误通常出现在 JavaScript 代码中,意味着模块解析失败了,这通常是由于代码中出现了未知的语法错误。以下是一些可能导致该错误的原因以及解决方法: 1.语法错误:检查你的代码,看看是否有括号、引号、分号或其他源代码语法错误。在代码中敲一遍或者使用 JavaScript 编辑器会减小这种错误的风险。 2.缺少依赖项:另一个常见问题是你缺少一个模块的依赖项或引入了一个未安装的依赖项,这会导致出现意外的令牌。使用 npm install 安装所需要的依赖项。 3.版本不兼容:现代 JavaScript 中的语法特性可能不存在于旧版本的 JavaScript 中。确保你的代码使用的是正确的语言版本,并且它与其他依赖项兼容。 4.错误的模块路径:错误的模块路径是常见的问题,这通常是由于文件被删除或者移动了所导致的。检查你的代码或者依赖项的文件路径是否正确。 总之,解决 "Module parse failed: unexpected token" 错误的最好方法是仔细检查所有代码段,特别是一些括号、引号、分号、缺失的依赖项、版本兼容性以及文件路径等语法错误。
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

拉斯蒂涅克

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值