Question

我在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检查。

Answer 1

请尝试从样式文件的开头删除注释有关更多信息，请检查此答案 https://stackoverflow.com/a/48270432/5092690

Answer 2

替换

 <link rel="stylesheet" type="text/css" src="https://www.w3schools.com/w3css/4/w3.css">

使用

 <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">

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

2 个答案: