什么是 MIME 类型（'text/html'），为什么 chrome 不支持它以及如何禁用它答案

【问题标题】：What is MIME type ('text/html'), Why is it not supported on chrome and how can I disable it什么是 MIME 类型（'text/html'），为什么 chrome 不支持它以及如何禁用它
【发布时间】：2020-06-20 21:25:11
【问题描述】：

学习 JavaScript，我只创建了一个 js 文件和 HTML 文件，没有任何 CSS 文件，因为我不需要它。将我的 js 文件链接到我的 HTML 后，在 chrome 上加载我的代码，我得到的只是本地主机上的“index.html:1 拒绝应用来自 'http://127.0.0.1:5500/style.css' 的样式，因为它的 MIME 类型 ('text/html') 不是受支持的样式表 MIME 类型，并且启用了严格的 MIME 检查。”。任何功能都不起作用。请在此处查看文件

我尝试在我的浏览器上禁用 MIME 检查，但找不到方法。请检查下面的简单代码行。谁来帮忙。我需要一个关于如何解决这个问题的明确解释。谢谢

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Adding Evnets</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <h1>Shopping List</h1>
    <p id="first">Get it done today</p>
    <p id="second">No excuses</p>
    <input type="text" id="userinput" placeholder="enter item">
    <button id="enter">Click me</button>

    <ul>
        <li random ="23"> Notebook</li>
        <li>Jello</li>
        <li>Spinach</li>
        <li>Rice</li>
        <li>Birthday Cake</li>
        <li>Candles</li>
    </ul>
    <script src="events.js"></script>
</body>
</html>


JavaScript file:
var button = document.getElementById("enter");
var input = document.getElementById("userinput");
var ul = document.querySelector("ul");

function inputLenght() {
    return input.value.lenght;
}

function createListElement() {
    var li = document.createElement('li');
    var test = document.createTextNode("input.value");
    li.appendChild(test)
    ul.appendChild(li);
    input.value = '';
}

function addListAfterClick() {
    if(inputLenght > 0 ) {
        createListElement();
    }
}

function addListAfterKeypress(event) {
    if(inputLenght > 0 && event.keyCode === 13) {
        createListElement()
    }
}


button.addEventListener('click', addListAfterClick);

 button.addEventListener('keypress', addListAfterKeypress);

【问题讨论】：

标签： javascript html google-chrome

【解决方案1】：

如果你说你做了一个 html '只有没有任何 CSS 文件'，那么你不应该尝试从你的 .html 文件中引用任何内容。此行导致问题：

<link rel="stylesheet" href="style.css">

原因

拒绝应用来自 'http://127.0.0.1:5500/style.css' 的样式，因为它的 MIME 类型 ('text/html')

肯定是由于 style.css 文件不存在导致返回 404 页面。（HTML 格式）

【讨论】：

【解决方案2】：

如果您没有 css 文件，只需删除 head 标签上的行

<link rel="stylesheet" href="style.css">

【讨论】：