首页 > 解决方案 > 在 NodeJS 中加载错误的 Javascript 文件

问题描述

我最近开始使用 Visual Studio 2019 并尝试使用 NodeJS 和 p5 构建 Javascript WebApp。我不确定是否有特殊的程序,但由于某种原因,链接到 HTML 页面的 Javascript 文件正在输出错误。

这是我的 Javascript 文件“server.js”。在我将脚本添加到 HTML 文件之前它运行良好,所以我认为这不是问题。

'use strict';
var http = require('http');
var port = process.env.PORT || 80;
var fs = require('fs');

http.createServer(function (request, response) {
    response.writeHead(200, { 'Content-Type': 'text/html' });
    fs.readFile('./index.html', null, function (error, data) {
        if (error) {
            response.writeHead(404);
            response.write("File not found.");
        } else {
            response.write(data);
        }
        response.end();
    });
}).listen(port);

这是加载了脚本的 HTML 文件。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>~~ Tetris ~~</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.9.0/p5.js"></script>
    <script src="sketch.js" type="text/javascript"></script>
</head>
<body>

</body>
</html>

这是我打开 Firefox Web 服务器时控制台输出的屏幕截图。

这个

非常感谢您的帮助,在此先感谢。

标签: javascripthtmlnode.jsp5.js

解决方案


推荐阅读