Module parse failed: Unexpected token（双问号无法识别）

问题：
react依赖包问题

error  in ./node_modules/@react-leaflet/core/esm/path.jsModule 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]);
}

Module parse failed: Unexpected token（双问号无法识别）相关推荐

项目无法识别 ?. 语法，导致报错Module parse failed: Unexpected token
一.第一种情况是如果你需要引入的组件库源码的过程中,比如你要import一个封装好的组件这种场景: 首先找到报这个问题的地方我这里是因为es语法问题如果你也是npm安装了一个包,然后在导入的时候报 ...
vue screenfull全屏插件安装之后 npm run serve报错 Module parse failed: Unexpected token (55:42) You may need a
报错信息: 原因: 可能是screenfull组件版本问题,直接npm下载的话是下载的6.0版本,6.0版本就会报错(不知道为啥) 解决: npm install --save-dev screenf ...
vue 报错：Module parse failed: Unexpected character ‘� ‘
报错提示有不希望出现的错误字符. 解决方法根据提示中的文件路径找到报错的文件,将里面多余的符号删除后,重新运行.
error in ./node_modules/@lit/reactive-element/decorators/state.jsModule parse failed: Unexpected
最近开发一个老项目,发现之前好好的项目现在运行起来报错了 ,各种切换npm 源和 node版本都不行,百度和谷歌都没找到相关信息,报错如下, error in ./node_modules/@lit ...
ERROR in ./node_modules/element-ui/lib/theme-chalk/fonts/element-icons.ttf 1:0 Module parse failed:
在使用 webpack 搭建 vue 项目时,添加了element-ui 在启动 webpack-dev-server 后报错 ERROR in ./node_modules/element-ui/l ...
webpack5打包图片报错——Module parse failed: Octal literal in strict mode 图片不能正常显示
Octal literal in strict mode 一.webpack打包图片二.报错三.解决四.img标签中的图片打包后不能正常显示五.总结六.追加一.webpack打包图片 we ...
报错：Module parse failed: ‘return‘ outside of function (4:1) You may need an appropriate loader
文章目录一.出现的Bug 二.报错解析三.我的解决方案一.出现的Bug 二.报错解析在文档中有 import 导入,但未使用三.我的解决方案检查文件中的import,注释掉相关未导入的模块
【vue-cli】使用es6的可选链?.操作符报错Module parse failed解决记录
使用场景:发现项目有些旧代码多层调用某个对象的属性,由于目标对象可能没那个属性,就导致报错,之前研究es6新特性时发现可以用?.来判断某个对象是否有某个属性来赋值. 测试源代码: var a = {n ...
JSON.parse() Unexpected token i in JSON at position 2 报错问题
JSON.parse(): Unexpected token i in JSON at position 2 报错问题错误代码: var res = "[{id:1,name:'limin ...

Module parse failed: Unexpected token（双问号无法识别）

Module parse failed: Unexpected token（双问号无法识别）相关推荐

最新文章

热门文章