Resource interpreted as stylesheet but transferred with MIME about:7 type text/html解决react样式丢失的三种办法

于 2021-05-10 18:29:35 发布
阅读量212 收藏
点赞数 2
分类专栏： # bug # react 前端框架 文章标签： react native reactjs
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46051988/article/details/116604559
版权
前端框架 同时被 3 个专栏收录
18 篇文章 0 订阅
订阅专栏
react
13 篇文章 0 订阅
订阅专栏
bug
11 篇文章 0 订阅
订阅专栏

问题

在这里插入图片描述

方法一

加上%PUBLIC_URL%。
意思是public绝对路径下的目录
在这里插入图片描述

方法二

去掉点
在这里插入图片描述

<link rel="stylesheet" href="/css/bootstrapp.css>
//<link rel="stylesheet" href="/css/bootstrapp.css>错误

加点的意思是在当前同级别文件下的路径，
不加点的意思是在localhost:3000下的路径/css/bootstrap.css

方法三

保留点
把BrowerRouter换成HashRouter
易烊千鹤
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue在index.html中引入静态文件不生效问题及解决方法
11-28
控制台warning（Resource interpreted as Stylesheet but transferred with MIME type text/html） 出现的原因及解决办法 第一种可能出现原因就是引入的静态文件在src文件夹内，这种的解决办法就是把资源引入静态...
前端Resource interpreted as Stylesheet but transferred with MIME
Deronn的博客
05-21 2423
翻译：资源解释为样式表，但使用MIME传输。 firefox与chrome都不显示样式表。是尝试了修改本地注册表.css和服务器端text/css都无效。 解决1： 如果是springMVC的话 @RequestMapping -> @RequestMapping(value = "") 解决2： 删除html页面的<!DOCTYPE html>声明，说是网页文档类...
前端踩坑Resource interpreted as Stylesheet but transferred with MIME type text/html
linj努力，奋斗
07-24 2711
转：https://blog.csdn.net/sky_cui/article/details/86703706 项目结构： 问题描述： 1，跑在本地tomcat上时，用IE，FireFox，Chrome访问都没问题，CSS能加载且有效果 2，打包到云端Tomcat时，用IE访问正常，用FireFox和Chrome访问时能加载CSS文件，但是没有效果，报错如下：Resource int...
建站记录2-CSS文件未加载-已解决-Resource interpreted as Stylesheet but transferred with MIME type text/plain
lamanchas的博客
08-28 2万+
服务器端CSS加载失败：Resource interpreted as Stylesheet but transferred with MIME type text/plain。
Resource interpreted as Stylesheet but transferred with MIME type text/html:解释
热门推荐
qq_35207917的博客
11-01 3万+
这种错误，基本上各个阶段，由各个阶段的出错类型，目前，我接受的比较浅，引起方式是，用注解配置servlet映射的时候引起的，我的是因为css样式没有引入引起的， 经过大神的指点，原因是找出了，单个人能力有限，理解有限。看原因 @WebServlet("/") //看这里 public class UpdateUserServlet extends HttpServlet { prot...
1972 Revision of the Stanford-Binet: A farewell to the mental age
06-29
1972 Revision of the Stanford-Binet: A farewell to the mental age 1972 REVISION OF T H E STANFORD-BINET: A FAREWELL TO T H E MENTAL AGE ...longer be interpreted as mental ages. A table of
ISO/IEC 27005:2011-EN
06-23
However, in English, "probability"is often narrowly interpreted as a mathematical term Therefore, in risk management terminology, "likelihood" is used with the intent that it should have the same ...
jinko：Jinko是一种小型且安全的解释语言，具有快速的Rust和C FFI
02-16
jinko是用Rust编写的一种安全的小型解释语言，具有集成的单元测试，模拟和FFI。 虽然jinko现在不能做很多事情，但是它发展很快！ 您可以查看路线图，以了解其中的内容和内容。 此时大多数语法已实现，但可能尚未...
雪貂：一种久经考验，客观，爱好新颖的编程语言； 用Perl编写并编译
02-05
雪貂（Ferret）是一种基于Perl编程语言的编译型编程语言，它以其独特的设计哲学和特性在编程世界中占据一席之地。Perl是一种功能强大的脚本语言，以其灵活性和适应性而闻名，常用于文本处理、系统管理任务以及Web...
Java过滤器引发的异常：Resource interpreted as Stylesheet but transferred with MIME type text/html
if(代码==人生)
03-21 3万+
错误：平时是引入boostrap的css文件和js文件都是通过引用官方网站的，最近因为网络不方便的原因，需要把CSS和JS文件导入本地，然后再让浏览器直接到项目去引用。后来chrome就报了这样的错误 Uncaught SyntaxError: Unexpected token < login.jsp:3 Uncaught SyntaxError: Unexpected token < log
样式加载不出来，浏览器控制台报错：Resource interpreted as Stylesheet but transferred with MIME type text/html
Uself
10-09 2万+
写登录的时候出现的问题，样式时好时坏，浏览器控制台看到的信息是： Uncaught SyntaxError: Unexpected token Resource interpreted as Stylesheet but transferred with MIME type text/html。但是css的加载路径没有错，网上找了很多，看到http://bsr1983.iteye.com/blo
web——css和图片突然加载不了，console报错：Resource interpreted as script but transferred with MIME type text/html.
萌鼠喝酸奶的博客
12-06 3876
今天在写jsp的时候，原本运行良好的页面突然css和图片文件加载不出来了，在chrome的console里输出报错信息： Resource interpreted as script but transferred with MIME type text/html. 各种百度，可也不是网上说的过滤器的问题，把工程也clean了，都解决不了。最后灵机一动，把jsp页面拷贝出来，删除再拷贝回去
Resource interpreted as Stylesheet but transferred with MIME type text/html: "https://www.layuicdn.com/layui-v2.5.6/css/layui.css".
最新发布
05-04
这个错误提示通常意味着浏览器在请求CSS文件时，服务器返回的MIME类型是"text/html"，而不是"text/css"。这可能是因为服务器配置不正确或者文件路径错误。可以尝试以下解决方案： 1. 确保CSS文件路径正确，检查是否...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值