javascript - 未捕获的语法错误 : Unexpected token (First program)-6ren

javascript - 未捕获的语法错误 : Unexpected token (First program)

转载作者：行者123 更新时间：2023-12-01 01:18:54

24

4

未捕获的语法错误:意外的标记 <使用 console.log 调用 javascript ("hello world");

我正在 Node 中编写我的第一步，一开始没有任何框架来了解 Node.js 的主要和简单方面

我刚刚在 Node.js (main.js) 中创建了我的服务器并调用了一个index.html，这个index.html调用了一个sayHi.js，它只有一个控制台日志。但这个脚本不起作用...

我想对此 HTML 文件执行 Controller /脚本以开始编程...

//main.js
var http = require("http");
var fs = require("fs");
var url = require('url');

//create a server object:
http.createServer(function(req, res) {

    if (req.url === "/index" || req.url === '/') {
      fs.readFile('app/views/index.html', function(err, data) {
        res.writeHead(200, {
          'Content-Type': 'text/html'
        });
        console.log("Requested URL is index: " + req.url);
        res.write(data);
        res.end();
      });
    } else if (req.url === "/modbus") {
      fs.readFile('app/views/modbus.html', function(err, data) {
        res.writeHead(200, {
          'Content-Type': 'text/html'
        });
        console.log("Requested URL is index: " + req.url);
        res.write(data);
        res.end();
      });

    } else {
      fs.readFile('app/views/404.html', function(err, data) {
        res.writeHead(200, {
          'Content-Type': 'text/html'
        });
        console.log("Requested URL is index: " + req.url);
        res.write(data);
        res.end();
      });
    }
  })
  .listen(8080); //the server object listens on port 8080
console.log('Server running at http://127.0.0.1:8080');

<!DOCTYPE html>
<html>
  <head>
    <title>Index</title>
    <script src="../scripts/sayHi.js"></script>
    <!-- <link rel="stylesheet" href="/app/styles/myStyle.css" /> -->
  </head>

  <body>
    <h1>Hello! Now you know how to serve HTML files using Node.js!!!</h1>

    <p id="demo"></p>
    <a href="\modbus">Modbus</a>
  </body>

</script>
</html>

//sayHi.js
console.log("hello world");

Uncaught SyntaxError: Unexpected token <

最佳答案

我要指出的第一件事是，您的 HTML 文件正在从 ../scripts/sayHi.js 路径寻找名为 sayHi.js 的 javascript 文件。

您的 Html 文件位于 http://localhost:8080/并尝试获取 http://localhost:8080/scripts/sayHi.js您没有路由，因此 server.js 将尝试发送错误 html，该错误位于 404.html 文件中。

这是一个 HTML 文件，但作为 JavaScript 文件注入(inject)，这将导致浏览器中的控制台错误。

我的建议是在 header 中返回适当的状态代码，即 404，并在服务器文件中构建到 sayHi.js 的路由。

关于javascript - 未捕获的语法错误 : Unexpected token (First program)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/54446914/

24

4

0

文章推荐： jquery - DatePicker清除功能

文章推荐： python - Pandas Dataframe 根据日期过滤行

文章推荐： jquery - 使用 jquery 将表单值传递到 iframe 的 src url

html - 如何组合 first-of-type、first-line 和 first-letter 伪元素？
目前，我正在为网络开发类(class)做作业。这些是说明:第一行和首字下沉样式Jakob 希望文章的第一行以小写大写字母显示。转到 First Line and Drop Cap Styles 部分
jQuery :first vs. .first()
.first() 方法是在 jQuery 1.4 中添加的。 :first 选择器自 1.0 以来就已存在。来自文档: :first The :first pseudo-class is equiv
entity-framework - 如果我查看一个现有项目，如何确定它是 EF Code First、Model First 还是 DB First？
我正在审查现有的 ASP.NET MVC (5.2.3) EF (6.1.3) 项目。该项目使用 ASP.NET Identity，我检查了 web.config 中的 2 个连接字符串，一个用于
algorithm - 使用 mid=first+(last-first)/2 而不是 (first+last)/2 的效果
为什么人们使用 mid=first+(last-first)/2 而不是 (first+last)/2，在二进制搜索的情况下)两者有区别吗。如果有，请告诉我，因为我无法理解其中的区别。最佳答案如果
algorithm - 使用 mid=first+(last-first)/2 而不是 (first+last)/2 的效果
为什么人们使用 mid=first+(last-first)/2 而不是 (first+last)/2，在二进制搜索的情况下)两者有区别吗。如果有，请告诉我，因为我无法理解其中的区别。最佳答案如果
c++ - it.first 和 it->first 有什么区别？
for(auto it = M.begin(); it!=M.end();it++) { coutfirstsecondsecond == 1) return it->firs
handlebars.js - Handlebars @../first - @first
我试图从第二个循环中获取循环的第一项。我知道我得到了这样的@key @../key 但@first 似乎不像@../first 那样工作有什么想法吗？问候最佳答案首先，无论是否在嵌套 blo
jquery - :first-child only matches the first
var tab1 = $('.tabs a:first-child').attr('href'); alert(tab1); .. 尽管同一页面上有两个 div.switch，但仅匹配一个。第二个位于
c - NODE first = first-> link在链表中是什么意思？
我想知道如何将节点*变量 NODE 分配给结构内的数据？ struct node { int info; struct node *link; }; typedef struct nod
css - :first-child not selecting first paragraph
我有两个段落包含在一个 div 中。我想让第一段的文字变大一点，但使用 :first-child 并不能像我所说的那样工作。看不出有什么问题。
jquery - :first and :first-child not clear 之间的区别
我有一个 ul li 列表 Parent child1 child2
SQL 性能 : Filter first or Join first
我有三个表，即员工、部门和申诉。 Employees 表有超过一百万条记录。我需要找到员工的详细信息、他/她的部门以及他/她提出的申诉。我可以想到以下两个查询来查找结果: 1。先过滤记录，只获取需要
SQL 性能 : Filter first or Join first
我有三个表，即员工、部门和申诉。 Employees 表有超过一百万条记录。我需要找到员工的详细信息、他/她的部门以及他/她提出的申诉。我可以想到以下两个查询来查找结果: 1。先过滤记录，只获取需要
c# - 使用 .First() 和 .Where().First() 的区别
这有什么区别吗: myList.Where(item => item == 0).First(); 还有这个: myList.First(item => item == 0); 后者对我来说更有意义，
css - :first-child and :first-of-type?有什么区别
我分不清 element:first-child 之间的区别和 element:first-of-type 例如，你有一个 div div:first-child → 全部元素是其父元素的第一个子元
html - 令人费解的伪元素语法 :first-child and :first-letter
当我遇到一个奇怪的情况时，我正在研究 CSS 选择器。如果我使用 :first-child 伪元素，我需要在它前面加上一个空格才能工作，否则它将无法工作。然而 :first-letter 伪元素的情
arrays - filter(_ :). first 和 first(where :)?
请考虑以下字符串数组: let strings = ["str1", "str2", "str10", "str20"] 假设需要获取包含 5 个字符的第一个元素 (String)，我可以使用 fil
.net - Code-First or Database-First，如何选择？
让我们假设我们要开始新项目 - 包含一些业务逻辑的应用程序、ASP.NET 上的用户界面、WPF 或两者。我们想使用 ORM 或 DAL 代码生成器并在 .NET 类中实现我们的业务逻辑。我们可以通过
html - :not(:first-child) and :not(:first-of-type) not working
我有一种树系统。我想做的是给所有 parent 一个 margin ，除了第一个。这是我的 HTML: Test
css - :first-child and :first-of-type?有什么区别
我分不清 element:first-child 之间的区别和 element:first-of-type 例如，你有一个 div div:first-child → 全部元素是其父元素的第一个子元

首页

博学

6Ren·AI

商城

javascript - 未捕获的语法错误 : Unexpected token (First program)