Yarn on Chrome: Uncaught SyntaxError: Unexpected token <

Question

我在本地机器上有一个 yarn react 项目。

yarn start

有效，生成一个在本地主机上呈现的网站。

我有一个服务器是运行同一个项目。但是，我停止了运行网站，并使用以下命令重新启动：

yarn install 
yarn run build
yarn run prod

通过chrome（在生产服务器上）访问网站时出现以下错误：

Ucaught SyntaxError: Unexpected token <

我想做的是诊断可能出现问题的地方。总结：

1) the project runs on the local machine (mac osx) with yarn start

2) I place the project on the linux box, install, build and run and everything seems to be sending to chrome; however, chrome yields this error

我不确定问题出在哪里。我认为，将其定位到一组可能的问题将使它易于解决（或提出更好的问题）。

Answer 1

当您为 <script> 标签 src 的地址获取 HTML 页面时，通常会发生该错误。

在不同的选项卡上打开每个脚本的 URL（或检查开发人员工具的网络选项卡），这些 URL 可能会返回 404（或其他一些错误代码）和 HTML 错误页。

因此您的代码尝试将那些 HTML 错误页面解析为 JavaScript 代码，从而产生该错误。

它得到 Uncaught SyntaxError: Unexpected token < 因为它试图将 HTML 内容（例如 <html> ...）解析为 JavaScript 代码。

对于演示，运行下面的代码片段并在控制台中查看错误。

<script type=text/javascript src=https://whosebug.com></script>
Check the console: "Uncaught SyntaxError: Unexpected token <"

Yarn on Chrome: Uncaught SyntaxError: Unexpected token <

Yarn on Chrome: Uncaught SyntaxError: Unexpected token <

reactjs

yarnpkg