DevTools failed to parse SourceMap: xxx/bootstrap.min.css.map

挑战
  • 588

在vue项目中引入bootstrap

npm install bootstrap --save-dev
import 'bootstrap/dist/css/bootstrap.min.css'
import 'bootstrap/dist/js/bootstrap.min'

页面提示错误
DevTools failed to parse SourceMap: http://localhost:3005/bootstrap.min.css.map
这个错误应该怎么修改

回复
阅读 12k
1 个回答

SourceMap用来在chrome devtool调试的时候将打包压缩后的css、js显示为原来的代码。这里devtool在给定路径下没找到bootstrap.min.css.map。有几种方式解决
1.在开发者工具的设定中取消enable css source maps来避免报错
图片描述

2.可以把node_modules\bootstrap里的bootstrap.min.css.map放到网站根目录下
3.也可以找到打包压缩后的css,在最后加上/*# sourceMappingURL=(bootstrap.min.css.map相对于打包文件的位置) */

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏