时间戳

首页 > 解决方案 > 我需要帮助修复错误：无法加载模块脚本：需要 JavaScript 模块脚本，但服务器以 MIME 类型“”响应

javascript - 我需要帮助修复错误：无法加载模块脚本：需要 JavaScript 模块脚本，但服务器以 MIME 类型“”响应

问题描述

我需要帮助修复错误“加载模块脚本失败：需要一个 JavaScript 模块脚本，但服务器以“”的 MIME 类型响应。根据 HTML 规范对模块脚本强制执行严格的 MIME 类型检查。我的html是：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>snake game (not multiplayer)</title>
    <style>
        body {
            height: 100vh;
            width: 100vw;
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 0;
            background-color: black;
        }
        #game-board {
            background-color: #ccc;
            width:100vmin;
            height: 100vmin;
            display: grid;
            grid-template-rows: repeat(21,1fr);
            grid-template-columns: repeat(21, 1fr);
        }
        .snake {
            background-color: hsl(200, 100%, 50%);
            border: .25vmin solid black;
        }

        .food {
            background-color: hsl(50, 100%, 50%);
            border: .25vmin solid black;
        }
    </style>
    <script src='game.js' defer type='module'></script>
</head>
<body>
    <div id='game-board'></div>
</body>
</html>

我的 game.js 代码是：

let LastRenderTime = 0;
import{ snake_speed} from './worm.js';
function main(currentTime) {
    window.requestAnimationFrame(main);
    let secondssincelastrender= (currentTime - LastRenderTime) /1000;
    if (secondssincelastrender < 1/snake_speed) return;



    console.log('render');
    LastRenderTime = currentTime;
    update();
    draw();
}
window.requestAnimationFrame(main);

function update () {

}

function draw () {

}

我的 worm.js 文件代码是：

export const snake_speed = 1;

我也使用终端命令打开谷歌

"Google Chrome.lnk" --allow-file-access-from-files

我会尝试把它做成服务器，但我认为它有风险。您可能会想只解决本地文件中的 ES6 模块问题 - 服务器以非 JavaScript MIME 类型响应，但我尝试了那里的所有方法，但没有任何效果。:/ 导致此错误的代码有什么问题？

标签： javascripthtmlcssterminal

解决方案

推荐阅读