javascript - “Uncaught SyntaxError: Unexpected token <”(等等，还有更多!)

我正在尝试学习如何使用Websockets。我有一个名为WebSocketClient.js的文件，试图在.jsp文件中使用script标记导入。这是JSP:

<!DOCTYPE html>

<html>

<head>
	<title>Insert title here</title>
	<link rel="stylesheet" href="css/styles.css">
</head>

<body>
  <h4>${roomHost}'s room</h4>
  <ul id="chat"></ul>
  <form method="post" action="chat/${roomHost}" enctype="application/x-www-form-urlencoded">
    <input type="text" name="message">
    <input type="submit" value="Send">
  </form>
  
  <script type="text/javascript" src="js/WebSocketClient.js"></script>
</body>

</html>

当我在Chrome或Firefox中加载页面时，出现错误Uncaught SyntaxError: Unexpected token <，当我进入DevTools并查看源代码时，我看到加载的WebSocketClient.js文件只是它的.jsp文件的副本。从中加载，然后将请求属性roomHost替换为javascript文件的路径:

Request attribute "dylan" is replaced with "js/WebSocketClient.js"

这太奇怪了，我以前从未经历过，也无法在Internet上找到任何有关它的信息。 WTF正在进行吗？

我尝试在JSP

的顶部添加

<%@ page language="java" contentType="text/html;
charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>

我尝试将<!doctype>更改为<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

我尝试完全删除<!doctype>

我尝试将<script>标记移到<head>

我尝试了src属性

中的不同路径

我尝试将文件移到另一个文件夹并从那里加载

我尝试更改文件

的名称

我尝试导入另一个js文件，并且发生了同样的事情(加载的js文件的内容只是.jsp文件的副本)

我知道js文件不是问题，因为我可以从index.jsp(而不是room.jsp)加载它。我以前开发过Java Web应用程序，但从未遇到过这个问题，我无法弄清楚是什么原因造成的。

最佳答案

我弄清楚是什么原因造成的。该页面位于websockets-test/rooms/*，因此它正在rooms/js/中寻找js文件而不是webapp文件夹中的js/目录。我将src标记中的script路径从js/WebSocketClient.js更改为/websockets-test/js/WebSocketClient.js，现在可以使用了。

关于javascript - “Uncaught SyntaxError: Unexpected token <”(等等，还有更多!)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/50123445/

javascript - “Uncaught SyntaxError: Unexpected token <”(等等，还有更多!)

上一篇：scala - 如何收集错误是scala，然后将所有错误汇总在一起

下一篇：angular - 错误处理Angular 6