DevTools failed to load source map: Could not load content for

2,301 阅读1分钟

在做练习的时候,发现控制台一直有这个警告,本着好奇,了解了一番

image.png

1、DevTools failed to load source map: Could not load content DevTools意思是开发者工具无法成功加载源映射:无法加载内容,也就是你写了这个东西,但是dev工具由于某些原因没给你加载

2、那什么是源映射?百度一番,概括为:源映射存放的是源代码,跟打包压缩后代码之间的位置映射关系

image.png

3、回过头看我遇到的问题,content for 后面是我引入的bootstrap的css样式导致了这个问题,由于在2里面我们知道源映射是.map扩展名字,在该bootstrap.css文件中搜索.map

image.png

4、解决方法

(1)把/*# sourceMappingURL=bootstrap.css.map */去掉,就不再报⚠️了

image.png

(2)看到有一些说,可以把相关的.map文件直接在官网下载引入,尝试了一波

image.png

image.png

我是放在了我css同目录下,发现确实管用,⚠️没了,但是在下载的过程中,由于下载 Bootstrap源码是要翻墙才能下,我发现我一翻墙,就算不引入,也不报那个⚠️了