未捕获的语法错误：意外的标记“<”

Question

未捕获的语法错误：意外的标记“<”

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

Uncaught SyntaxError: Unexpected token '<'

为了确保错误不是来自 JavaScript 中的任何代码，我清空了 JavaScript 文件，因此其中没有任何代码。所以这不是任何“code-in-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>

Run Code Online (Sandbox Code Playgroud)

Answer 1

rah*_*rda 6

将脚本类型更改为“text/babel”，错误将得到解决。

<script type="text/babel" src="./src/index.js"></script>

Answer 2

Jak*_*iri 4

最后我发现了错误。我正在使用 npm live-server 包。当我使用 vs-code 提供的 live-server 作为扩展时，问题就消失了。现在工作得很好。

归档时间：	4 年，10 月前
查看次数：	30315 次
最近记录：	2 年，9 月前

未捕获的语法错误：意外的标记“&lt;”

未捕获的语法错误：意外的标记“<”