【react 报错】Failed to parse source map

最新推荐文章于 2024-05-11 21:46:45 发布
最新推荐文章于 2024-05-11 21:46:45 发布
阅读量4.3k 收藏 1
点赞数 1
分类专栏： React 文章标签： react.js webpack javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44588612/article/details/125356800
版权

前言

在react中的组件中要引入antd，当引入完运行后报错报错信息为：Failed to parse source map,那么如何解决的这个问题呢，下面我为大家提供解决办法；
在这里插入图片描述
以上图片中的路径在node_modules中查找显然是可以查找到的，说明引入的路径没有问题，antd也确认下载，大部分小伙伴一定和我一样纠结很久，实际的解决过程下面讲解

文章の目录

解决报错过程

首先我认为是webpack的配置没有配置好，我直接运行了npm run eject 调出了webpack的配置文件，在里面直接搜索source map配置项，并未发现什么问题，纠结许久，我直接将引入的antd.css换成antd.min.css,问题解决；
在这里插入图片描述
对于为什么是必须引入压缩过的.min.css文件，我很是纠结，欢迎大家评论区留言交流

写在最后

🥂(❁´◡`❁)您的点赞👍➕评论📝➕收藏⭐是作者创作的最大动力🤞

Recat 引入antd CSS 报警告 解决方法
start1018的博客
01-18 45
???????改为。
DevTools failed to parse SourceMap 警告解决方法
geejkse_seff的博客
03-20 783
最近在用webpack-dev-server进行开发的过程中，控制台一直报一个警告：DevTools failed to parse SourceMap: webpack:///node_modules/_sockjs-client@1.4.0@sockjs-client/dist/sockjs.js.map。下面给出消去这个警告的方法： SourceMap技术 在处理该警告之前，有必要了解下什么是SourceMap，它是用来干什么的。在现在写网站的时候，如果有很多javascript文件，在渲染内容到客户
react脚手架项目添加AntV后，运行警告Failed to parse source map from‘xxx’
jun_sunhny的博客
11-03 1071
1.确定webpack是否配置好，配置好直接看第二条。没有配置好webpack的，使用快捷键ctrl+`打开项目终端，输入npm run eject调出webpack配置文件，你会发现你的项目文件中多了两个文件夹config和scripts。2.打开config文件夹中的webpack.config.js文件，使用快捷键ctrl+f在文件中搜索source-map-loader。3.ctrl+s保存我们修改的文件后，终端输入npm start重新运行项目，问题解决了。运行react项目出现如下警告。
react18项目中引入插件后控制台eslint警告：Failed to parse source map from...
一枚不断学习的小码农一枚~
07-06 2394
看起来是source map和node_modules的错误，所以我们改一下`webpack.config.js`中的source map配置 找到`source map`配置后，在`exclude`中把`node_modules`文件夹添加进去，表示忽略这个文件夹下的文件内容
react18项目中eslint警告：Failed to parse source map from...
tuzi007a的博客
06-15 4663
react18 source-map-loader
Failed to parse source map... Error: ENOENT: no such file or directory
weixin_44891495的博客
11-26 948
Failed to parse source map
react报出警告Failed to parse source map: ‘webpack://antd/./components/config-provider/style/index.less‘
weixin_45866961的博客
10-28 1204
Failed to parse source map: 'webpack://antd/./components/config-provider/style/index.less'antd.min.css就可以了。
解决Failed to parse SourceMap: http:xxx 问题
热门推荐
写代码的蜗牛
04-11 13万+
最近在调试web网站的时候，看到Chrome的Dev Tool的控制台打印出来一个莫名的错误，类似于Failed to parse SourceMap: http:xxx的提示。感觉这应该不是javascript代码出的问题，于是Google一下，发现里面大有文章。 这里简单说一下SourceMap这项技术。在现在写网站的时候，如果有很多的javascript文件，拿ASP.NET NVC...
DevTools failed to load SourceMap: Could not parse content for chrome-error://chromewebdata/preload.js.map: Unexpected end of JSON input
最新发布
03-31
嗯，用户这次问的是关于Electron应用中的另一个问题：“DevTools failed to load SourceMap: Could not parse content for chrome-error://chromewebdata/preload.js.map: Unexpected end of JSON input”。...
react中引入web3报错
xxf_csdn的博客
05-11 970
react中引入web3报错
在react项目中使用了sass后导入antd.css报错
m0_54850952的博客
03-02 525
在react项目中使用了sass后导入antd.css报错 最近在项目导入了antd，在引用他样式的时候，项目报错，如果用import 导入antd.css，页面能正常出现，但终端这里一直报错，大概就是这个 Module Warning (from ./node_modules/source-map-loader/dist/cjs.js): Failed to parse source map: ‘webpack://antd/./components/time-picker/style/index.les
Failed to parse source map (@toast-ui/editor/dist/purify.js.map)
小秀的博客
05-11 283
使用 toast-ui-editor 时出现报错：Failed to parse source map (@toast-ui/editor/dist/purify.js.map)在启动脚本时添加执行 GENERATE_SOURCEMAP=false 的指令即可。
Failed to parse source map 导致的antd样式不起效问题
sinat_38368658的博客
04-22 1207
问题背景 要使用antd直接引入即可，如下： // 在App.css种全局引入即可 import 'antd/dist/antd.css'// or 'antd/dist/antd.less' 问题出现 但是报错：Failed to parse source map，如图： 解决方案 错误出现在引用antd/dist/antd.css文件时， 解决方案1： 更改如下（未起效）： - import 'antd/dist/antd.css' + import 'antd/dist/antd.less' 上
Failed to parse source map: ‘webpack://antd/./components/icon/style/index.less‘ URL is not supported
dupha的博客
05-20 3610
React18.x引入antd4.x的css后 index.less’ Failed to parse source map: 'webpack:URL is not supported 报错问题(下方有解决方案): Module Warning (from ./node_modules/source-map-loader/dist/cjs.js): Failed to parse source map: 'webpack://antd/./components/time-picker/style/ind
Failed to parse source map: ‘webpack://antd/./components/config-provider/style/index.less‘ URL is no
Voiceu的博客
05-04 3699
react脚手架搭建项目，运行出现这个问题 WARNING in ./node_modules/antd/dist/antd.css (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/d
react项目引入antd报warning（Failed to parse source map: xxxx URL is not supported）
cos的博客
05-13 4914
应当查找文件中所有引入 antd 的地方，然后去除所有的antd.css引入，更改引入为antd.min.css
Failed to parse mapping resource: 'file [E:\github\xxx\target\classes\mappers\xxxMapper.xml
weixin_43742157的博客
12-11 7819
以下是具体的错误信息 Failed to parse mapping resource: ‘file [E:\github\LOSTFOUND\target\classes\mappers\PraiseMapper.xml]’; nested exception is org.apache.ibatis.builder.BuilderException: Error parsing Mapper ...
问题记录org.springframework.core.NestedIOException Failed to parse mapping resource ‘file [XXX.xml]‘
qq_44961182的博客
11-08 354
问题记录org.springframework.core.NestedIOException: Failed to parse mapping resource: ‘file [XXX.xml]’ 因为版本合并，不知道谁把target文件也传上去了，倒置报这个错，且这个xxx是我自己的仓库里没有的文件 解决方法： 把target下的所有文件清空，重新编译就能解决问题 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

前端小二哥

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

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

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

打赏作者

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

抵扣说明：

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

余额充值