Resource interpreted as Stylesheet but transferred with MIME || DevTools failed to parse SourceMap:

最近在学SpringBoot,在整合Thymeleaf的时候,配置拦截器。教学上讲SpringBoot已经做好了静态资源映射,所以不需要特地去做排除拦截

以下代码就是我在做登录拦截的时候配置的拦截。

@Overridepublic void addInterceptors(InterceptorRegistry registry) {

    registry.addInterceptor(new LoginHandleInterceptor()).addPathPatterns("/**")            .excludePathPatterns("/","/index.html","/user/login");}

一开始,资源都能映射,一切感觉都OK,上午搞定后吃个饭,下午继续搞的时候,发现有的样式突然失效了。在谷歌浏览器检查问题的时候,发现了这句话,DevTools failed to parse SourceMap:

-------------------------------------------------------------------------------------------普遍解释是在现在写网站的时候,如果有很多的javascript文件,拿ASP.NET NVC来说,在渲染内容到客户端浏览器的时候,如果你使用一些Bundle类的话,能够合并并且压缩那些js文件,并且去除其中的空格等元素,从而减小文件的容量,提高网页的反应速度。但是这样一样造成的问题就是在浏览器端无法对js文件进行调试,因为进过压缩的文件很紧凑,没有空格与换行。概括来讲,SourceMap就是如何把压缩后的js代码映射成格式化代码的方法。当你在Production环境部署代码的时候,伴随着压缩与优化话的js代码,还要有一个包含原始js代码的sourcemap文件。当客户端浏览器Chrome在收到这个压缩后的js文件后,它会自动的去寻找服务器上相关的sourcmap文件并把压缩的js代码转换成格式规范的js代码。

以上摘抄与https://blog.csdn.net/sundacheng1989/article/details/51118865----------------------------------------------------------------------------------总之所有的解决办法大概都是这幅图

但是我在关掉开发者工具额这两个选项后,出现了另一个报错

Resource interpreted as Stylesheet but transferred with MIME

这个错误百度了一下,各种解决办法。头都大了。然后在恼火中一直点击
Resource interpreted as Stylesheet but transferred with MIME后面的地址链接,一直被我的拦截器拦住跳回登录页的时候。在想是不是拦截器的问题。注释了一下,发现就是这逼在搞鬼。我也不知道SpringBoot到底有没有对静态资源自动映射。总之我把拦截的代码加上了红字的代码就OK了。
@Overridepublic void addInterceptors(InterceptorRegistry registry) {

    registry.addInterceptor(new LoginHandleInterceptor()).addPathPatterns("/**")            .excludePathPatterns("/","/index.html","/user/login","asserts/**","webjars/**");}以上是我的解决方法
 


原文地址:https://www.cnblogs.com/cndou/p/11528960.html

时间: 2024-10-10 20:02:53

Resource interpreted as Stylesheet but transferred with MIME || DevTools failed to parse SourceMap:的相关文章

odoo 错误 Resource interpreted as Stylesheet but transferred with MIME type application/x-css:

odoo8   页面内容显示一半,  web 控制台显示错误 Resource interpreted as Stylesheet but transferred with MIME type application/x-css: 解决方法: D:\workspace\mtlcs_odoo\odoo\addons\web\static\src\css\full.css文件在开头加上 一行 @charset "UTF-8"; pos模块进入开发模式,也显示同样的错误,解决方法一样,也是在

Resource interpreted as Stylesheet but transferred with MIME type application/x-css

用tornado做了一个简单的页面.结果页面中的css被加载了,但是没有效果.用谷歌浏览器调试,说是Resource interpreted as Stylesheet but transferred with MIME type application/x-css.大概意思就是css文件被识别为样式表了,但是传输的时候是以application/x-css格式.这样就造成浏览器不能正常显示页面,css完全不起作用.原因就是,tornadod中的web.py在设置content_type时会调用

Resource interpreted as Stylesheet but transferred with MIME type text/html: css失效

异常信息: Resource interpreted as Stylesheet but transferred with MIME type text/html: 可能原因 过滤器或者某个地方对所有的资源请求全部转为了text/html 检查方式 利用浏览器查看请求头和响应头 主要检查请求头和响应头的content type 样式表应是text/css,并且向服务器发送请求和之后服务器对客户端的响应都应该是text/css; 我个人在项目中遇到的问题就是利用过滤器对所有请求进行编码统一时,将c

springBoot+thymeleaf遇到Resource interpreted as Stylesheet but transferred with MIME type text/plain

如果你在项目中使用了拦截器,那么你的拦截器配置就应该排除拦截css静态资源,如下图所示: 这样浏览器控制台上就不会出现Resource interpreted as Stylesheet but transferred with MIME type text/plain提示了,页面也能恢复正常了. 原文地址:https://www.cnblogs.com/JerryTomcat/p/11721258.html

nginx - Resource interpreted as Stylesheet but transferred with MIME type text/plain

在部署前端项目的时候,网站跑起来了,可就是css样式没加载出来,查看css文件也已经load进来,被坑了3个小时终于发现问题所在: nginx.conf中添加下面两行配置即可,可参考nginx默认配置文件 include mime.types; default_type application/octet-stream; 如果不设置css文件就会被当作text/plain类型发送到浏览器.从而导致css样式无法显示

Resource interpreted as Script but transferred with MIME type text/html

在搭建后台的时候,页面突然报错: Resource interpreted as Script but transferred with MIME type text/html 导致页面Js效果错乱, Google 一番之后,大部分都是修改注册表之类,而我的注册表不需要修改. 这是之前找的文章: http://stackoverflow.com/questions/12003107/resource-interpreted-as-script-but-transferred-with-mime-

解决“Resource interpreted as Document but transferred with MIME type application/json”问题

在上传图片时,使用ajax提交,返回的数据格式为json.在测试时发现IE浏览器中,上传图片后,没有显示图片,而是弹出一个提示:是否保存UploadImg.json文件:而在其他浏览器中正常. 在Chrome中调试后发现,图片上传成功后,浏览器给出了一个警告:Resource interpreted as Document but transferred with MIME type application/json. 原来后台代码在返回json数据时,响应数据的ContentType默认为"a

Chrome 报 Resource interpreted as Script but transferred with MIME type text/plain 警告的解决办法

http://www.2cto.com/os/201312/262437.html 安装了VS2012之后,chrome在加载页面的时候会报 Resource interpreted as Script but transferred with MIME type text/plain 的警告. 这是因为VS2012在安装的时候改了windows的注册表,将解析javascript的类型标示改成了text/plain,导致javascript被转换成了text/plain格式,但这并不影响jav

【Bug Summary】Resource interpreted as Script but transferred with MIME type text/html

昨天新开一个云服务器,把网站部署到IIS上,发现css和js都没有正常显示,检查后发现给出了这样一个警告: Resource interpreted as Script but transferred with MIME type text/html 目前问题已解决,方法如下: 将iis中上述的静态内容打勾即可. 方法可能不适用于其他人,仅提供一个解决思路.如果觉得有用,请点个赞,谢谢!