AWS Amplify：DevTools 无法加载 SourceMap：JSON 中的意外令牌 < position 0

Question

在 Google Chrome 上加载我的网站时，我收到了一些类似于以下内容的警告：

DevTools failed to load SourceMap: Could not parse content for https://mywebsite.com/static/js/2.abcd1234.chunk.js.map: Unexpected token < in JSON at position 0

我的 webapp 是部署在 AWS Amplify 上的 React 应用程序 (create-react-app)。 在本地运行应用程序时，我没有收到这些警告。 我如何摆脱这些警告？

Answer 1

这是将react-router与 AWS amplify 一起使用导致的问题。 请参阅此 github 问题。 它建议在 AWS Amplify 的 App 设置的Rewrites and redirects部分添加以下条目：

Source address:
</^[^.]+$|\.(?!(css|gif|ico|jpg|js|png|txt|svg|woff|ttf)$)([^.]+$)/>

Target address:
/index.html

Type:
200 (Rewrite)

为了解决我的问题，我向这个正则表达式添加了map扩展名：

来源地址：

</^[^.]+$|\.(?!(css|gif|ico|jpg|js|png|txt|svg|woff|ttf|map)$)([^.]+$)/>

Answer 2

我检查了我的重写和重定向设置，它已经按照“roob”的以下答案进行了配置，但最后还有json 。 我将其删除以查看是否有帮助。 无论哪种方式，我仍然得到错误。

与同事进行更多研究，发现了另一个根本原因。 在这里回答： AWS Amplify error: Failed to parse source map... file: Error: ENOENT: no such file or directory