Question

我正在尝试学习如何使用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并查看Sources时，我看到它加载的WebSocketClient.js文件只是一个副本从中加载的.jsp文件，并将请求属性roomHost替换为javascript文件的路径：

这太奇怪了，我以前从未经历过这种情况，我在互联网上找不到任何相关内容。 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应用程序，但我从未遇到过这个问题，我无法弄清楚是什么导致了它。

Answer 1

我弄清楚是什么导致了它。该页面位于websockets-test/rooms/*，因此它正在rooms/js/中查找js文件，而不是webapp文件夹中的js/目录。我将src代码中的script路径从js/WebSocketClient.js更改为/websockets-test/js/WebSocketClient.js，现在可以正常工作。

“未捕获的SyntaxError：意外的令牌＆lt;” （但等等，还有更多！）

1 个答案: