Question

我使用node.js设置服务器，先加载html文件，然后将html文件加载到javascript脚本中。在chrome中查看开发工具时，它显示错误“意外令牌<”，而当我进一步检查时，则表明由于某种原因，javascript文件已作为html文件加载。

我尝试过在线查看其他答案，但我在这里找不到问题...

index.js呈现为html：https://gyazo.com/1d56121bfa169be139a3eb7d263a4785

开始运行的服务器文件

let http = require('http');
let fs = require('fs');

let handleRequest = (request, response) => {
    response.writeHead(200, {
        'Content-Type': 'text/html'
    });
    fs.readFile('./index.html', null, function (error, data) {
        if (error) {
            response.writeHead(404);
            respone.write('Whoops! File not found!');
        } else {
            response.write(data);
        }
        response.end();
    });
};

http.createServer(handleRequest).listen(8000);

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Snek</title>
</head>
<body>
    <h4>A</h4>
    <canvas id="canvas" width="600" height="600" style="background-color: gray">Unsupported canvas</canvas>
</body>
<script src="/scripts/vue.js"></script>
<script src="/scripts/index.js"></script>
</html>

这个想法是server.js被运行，读取html文件，然后html文件加载js脚本。

意外的令牌<，将javascript文件呈现为html？

0 个答案: