SyntaxError: Unexpected token '<' - bundle.js 未提供

Question

我早上将新版本的 react 网站部署到我们的 AWS beanstalk 开发服务器上，但出现了非常严重的问题。 我得到了一个 SyntaxError: Unexpected token '

基本上克隆的环境会失败，而它在生产服务器上可以正常工作。

到目前为止，我注意到的唯一一件奇怪的事情是，当我执行 wget http://phoodster-web-dev.eu-west-1.elasticbeanstalk.com/bundle.js 时，它返回 index.html 而不是 bundle.js 文件，而我们的生产服务器却正确地执行了。

知道有什么问题吗？

更新： bundle.js 之所以看起来像 index.html 是因为 bundle.js 显然没有编译。 在 nodejs 日志中我可能已经找到了原因：

./~/react-geosuggest/module/input.js 中的错误模块未找到：错误： 无法解析模块“react-addons-shallow-compare” /var/app/current/node_modules/react-geosuggest/module @ ./~/react-geosuggest/module/input.js 15:33-72

./~/react-geosuggest/module/suggest-list.js 中的错误模块未找到： 错误：无法解析模块“react-addons-shallow-compare” /var/app/current/node_modules/react-geosuggest/module @ ./~/react-geosuggest/module/suggest-list.js 13:33-72

./~/react-geosuggest/module/suggest-item.js 中的错误模块未找到： 错误：无法解析模块“react-addons-shallow-compare” /var/app/current/node_modules/react-geosuggest/module @ ./~/react-geosuggest/module/suggest-item.js 13:33-72

还是很奇怪，为什么只在新的克隆服务器上失败，而不是主服务器。

Answer 1

您在 bundle.js 中缺少相关的 javascript 代码它看起来像一个没有内容的 index.html 这可能是由于意外覆盖文件或您的测试中有一些编译错误

编辑：

您需要以这种方式安装节点模块（在控制台中）

  npm i react-addons-shallow-compare

所以它不会再次失败它只是缺少模块