个人中心
gpt4 book ai didi

javascript - 未捕获的语法错误 : Unexpected token < (from <! DOCTYPE html>)

转载 作者：搜寻专家 更新时间：2023-11-01 00:29:50 25 4
gpt4 key购买 nike

我收到这个指向我的声明的奇怪错误，但不知道如何修复它。

所以最初，我创建了一个小项目来帮助我学习网络开发。我最初将这个项目作为静态网页启动，但决定将其连接到服务器，因为我需要使用 npm api 包 (yelp-node)。这是读取我的 html 文件的服务器端代码。

https://jsfiddle.net/hgcm3w27/ 

var http = require('http');
var path = require('path');
var fs = require('fs');

var verifyMimeType = true;
var port = 8000;
var serverURL = "127.0.0.1";

console.log("Starting web server: " + serverURL + ":" + port);

var server = http.createServer(function(req,res){
  // set to URL or default to index.html
  var filename = "/index.html"
  console.log("Filename is: " + filename);
  // sets the extention of the filename
  var ext = path.extname(filename);
  var localPath = __dirname;
  console.log("Local path: "+ localPath);
  var validExtentions ={
    ".html" : "text/html",
    ".js": "application/javascript",
    ".css": "text/css",
    ".txt": "text/plain",
    ".jpg": "image/jpeg",
    ".gif": "image/gif",
    ".png": "image/png"
  };

  var validMimeType = true;
  var mimeType = validExtentions[ext];
  if(verifyMimeType){
    validMimeType = validExtentions[ext] != undefined;
  }

  if(validMimeType){
    localPath += filename;
    fs.exists(localPath, function(exists){
      if(exists){
        console.log("Serving file: " + localPath);
        getFile(localPath,res,mimeType);
      }
      else{
        console.log("File not found: " + localPath);
        res.writeHead(404);
        res.end();
      }
    });
  }
  else{
    console.log("Invalid file extention detected: " + ext);
    console.log("Invalid file name: " + filename);
  }
});

server.listen(port,serverURL);

function getFile(localPath, res, mimeType){
  fs.readFile(localPath, function(err, data){
    if(err){
      console.log("Error with reading file: ("+ err + ")");
      res.writeHead(500);
      res.end();
    }
    else{
      res.setHeader("Content-Length", data.length);
      if(mimeType != undefined){
        res.setHeader("Content-Type", mimeType);
      }
      res.statusCode = 200;
      // the end does two things, it write to the response and
      // ends the response.
      res.end(data);
    }
  });
}

它提示的 HTML 文件: 

<html>
  <head>
   <title>En Route App.</title>
   <link rel="stylesheet" href="css/stylesheet.css">
   ....

它读取文件并正确连接到服务器，但是一旦我这样做了，它就会给我这个奇怪的错误。有点困惑，因为它说我的 scripts.js 和 yelp.js 代码是控制台日志中的 html 文档，但不是。 script.js is the file that contains google map api

最佳答案

被服务的文件名对于每个请求都是相同的。它仅被设置一次并设置为硬编码值。

var filename = "/index.html"

在您的应用程序的控制台输出中，您应该会看到每个请求:

Filename is: /index.html

您可以从 req.url 检索请求的路径, 得到 its pathname :

var parsedUrl = url.parse(req.url);
var filename = url.resolve('/', parsedUrl.pathname);

(使用 url.resolve() 将通过向路径添加多个 ../ 来帮助避免任何从应用程序公共(public)文件夹外部检索文件的尝试。)

要在 URL 引用目录时也支持提供默认文件，您可以检查尾部斜杠:

// if requesting a directory, add a default file
if (/[\/\\]$/.test(filename)) {
    filename = url.resolve(filename, 'index.html');
}

或者，一旦您知道完整的磁盘路径，您可以使用 fs.stats() 检查它是否是磁盘上的一个目录。和 stats.isDirectory() , 然后使用 path.join()附加 index.html。

关于javascript - 未捕获的语法错误 : Unexpected token < (from &lt;! DOCTYPE html>)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/41072285/

25 4 0
文章推荐： php - WordPress:用 span 包裹 li 内容
文章推荐： php - UTF-8 与 PHP DOMDocument loadHTML？
文章推荐： php - Laravel 将 Http 重定向到 Https
文章推荐： php - 如何获得不同XML节点的数量？
搜寻专家
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com