未捕获的语法错误：意外的符号“<”。

Question

未捕获的语法错误：意外的符号“<”。

5

我遇到了一个非常奇怪的问题。当我在浏览器中打开index.html（见下文）时，DOM元素呈现正确，但是我收到以下控制台错误：

Uncaught SyntaxError: Unexpected token '<'

为确保错误不来自JavaScript中的任何代码，我清空了JavaScript文件，使其没有任何代码。所以这不是任何“JavaScript中的代码”相关问题。这是什么问题？

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <h1>HAHAHA</h1>
  <script type="text/javascript" src="./src/index.js"></script>
</body>
</html>

- Jake Giri

1

看起来你的 JavaScript 文件是一个 HTML 错误页面。查看网络请求，打开 JS 文件，看看它是什么。 - epascarello

1

@JakeGiri 如果你将 <script type="text/javascript" src="./src/index.js"></script> 注释掉，你就不会再遇到那个错误了，这是与 JavaScript 相关的问题。 - Esc Official

1

你能否将 console.log("Hello") 写入 index.js 文件，并告诉我是否仍然发生了这种情况？ - Esc Official

@EscOfficial，是的，我把 console.log("hello") 写入了 index.js 文件。但是控制台日志没有执行，仍然看到相同的错误。 - Jake Giri

1

也许您需要检查服务器缓存策略，因为看起来它没有配置为开发服务器，这就是为什么您的错误以这种方式持续存在的原因。尝试重新启动开发服务器。 - ogranada

显示剩余11条评论

3个回答

4

最后我找到了错误所在。我使用的是npm live-server包。当我使用vs-code提供的作为扩展的live-server时，问题消失了。现在它完美地工作了。

- Jake Giri

-2

你需要使用哪个软件包来解决上述问题？

- manoj jaiswal

2

糟糕的答案。 - undefined

欢迎来到Stack Overflow！请提供关于您解决方案的更多细节。代码片段、高质量的描述或任何相关信息都会很好。对于每个人来说，清晰简明的答案更有帮助且更易理解。通过编辑您的问题并提供具体细节，可以提高您的答案质量。如需更多信息，请参阅：如何撰写好的答案。请使用评论功能来提问有关问题的问题。 - undefined

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- rahulkarda · Accepted Answer

将脚本类型更改为"text/babel"，错误将得到解决。 <script type="text/babel" src="./src/index.js"></script>