【发布时间】：2020-06-16 18:41:44
【问题描述】：
所以最近我开始在 Visual Studio 上使用实时服务器扩展。 我遇到的问题是，每当我更新我的 HTML 或 Javascript 文件时，我的 CSS 样式将不再显示在浏览器上，我必须转到 CSS 文件并将其保存以供他们显示。
我提供了一些屏幕截图来尝试解释我的问题： 因此，当我在 app.css 文件中时，您可以看到，正确的样式显示在浏览器上。 但是，当我转到我的 javascript 或 HTML 文件并添加一些内容时，所有样式都会被删除。
如果有人能帮助我解决我的问题，我将不胜感激。
当我检查 chrome 开发者控制台是否有任何错误时，我发现以下错误：
拒绝应用来自“http://127.0.0.1:5500/app.css/”的样式，因为它的 MIME 类型 ('text/html') 不是受支持的样式表 MIME 类型，并且启用了严格的 MIME 检查。
【问题讨论】：
-
当您打开 Chrome 的开发者控制台时，您是否看到任何错误？如果您查看 HTML 源代码 (Ctrl + U)，您是否看到 HTML 中包含的 CSS 文件？如果您查看网络选项卡并重新加载，它是正在加载的 CSS 文件吗？
-
我检查了控制台，我得到了这个错误：拒绝应用来自'127.0.0.1:5500/app.css'的样式，因为它的 MIME 类型（'text/html'）不是受支持的样式表 MIME 类型，并且严格的 MIME检查已启用。
-
如果你在浏览器中转到
http://127.0.0.1:5500/app.css，你会看到什么？ -
它说：无法获取 /app.css/
-
我可以重现此问题的唯一方法是
app.css文件是否丢失（即与index.html不在同一目录中）。但是，如果它“有时”对您有用，我想这不是您遇到的问题......我不知道:(
标签： javascript html css visual-studio