时间戳

首页 > 解决方案 > 无法在 HTML 文件中链接 CSS / JS 文件

html - 无法在 HTML 文件中链接 CSS / JS 文件

问题描述

我在我的 HTML 文件头中链接 CSS 和 JS 文件时遇到问题。

HTML：

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>title</title>
    <link rel="stylesheet" type="text/css" href="style.css">
    <link rel="stylesheet" type="text/css" src="https://www.w3schools.com/w3css/4/w3.css">
    <script src="/socket.io/socket.io.js"></script>
    <script src="client.js" type="script"></script>
  </head>

文件路径如下所示：

>node modules
-package.json
-package-lock.json
-server.js // Make the express and socket.io stuffs
>main //folder
   -index.html 
   -style.css
   -client.js

我已经查看了很多关于此的先前线程，但没有解决我的问题。

CSS 和 JS 文件都是正确的，其中没有任何错误，或者至少我的编辑器（VS 代码）是这样说的。

控制台给了我这个错误：

拒绝应用来自 ' http://localhost:3000/style.css ' 的样式，因为它的 MIME 类型 ('text/html') 不是受支持的样式表 MIME 类型，并且启用了严格的 MIME 检查。

标签： htmlcssexpress

解决方案

请尝试从样式文件的开头删除评论以获取更多信息，请查看此答案 https://stackoverflow.com/a/48270432/5092690

推荐阅读