使用 Netlify 部署时出现“Uncaught SyntaxError: Unexpected token <”
F. *_*val 6 caching build netlify
我正在开发一个 React 应用程序，使用 Netlify 在提交时自动构建和部署应用程序。问题是，每当在生产中部署新版本时，客户端都会面临一个带有以下错误的空白页面：
\n\n歌剧:\n
\n火狐浏览器:\n
当导航器首次加载网站时，不会发生这种情况，只有在新构建后才会发生。重新加载几次后，问题就消失了，网站运行正常。因此我认为这与缓存有关。
\n\n另外，我没有\xe2\x80\x99t 设法在本地重现该错误。这仅在 Netlify 部署后发生。
\n\n索引.html：
\n\n\r\n
\r\n\n\n\r\n
\r\n<!DOCTYPE html>\r\n<html lang="en">\r\n<head>\r\n <meta charset="utf-8">\r\n <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">\r\n <meta name="theme-color" content="#000000">\r\n <link rel="manifest" href="%PUBLIC_URL%/manifest.json">\r\n <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">\r\n <script type="text/javascript" src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>\r\n <title>Sensuba</title>\r\n</head>\r\n<body>\r\n <noscript>\r\n You need to enable JavaScript to run this app.\r\n </noscript>\r\n <div id="root"></div>\r\n\r\n </body>\r\n</html>清单.json：
\n\n{\n"short_name": "Sensuba",\n"name": "Sensuba",\n"icons": [\n{\n "src": "favicon.ico",\n "sizes": "64x64 32x32 24x24 16x16",\n "type": "image/x-icon"\n}\n],\n"start_url": "./index.html",\n"display": "standalone",\n"theme_color": "#000000",\n"background_color": "#ffffff"\n}\nindex.js，在 /src 文件夹中：
\n\nimport React from \'react\';\nimport { render } from \'react-dom\';\nimport App from \'./components/App\';\nimport \'./style/index.css\';\nimport \'bootstrap/dist/css/bootstrap.min.css\';\nimport registerServiceWorker from \'./utility/registerServiceWorker\';\nimport Api from \'./services/Api\'\n\nconst api = new Api({ url: \'https://bhtwey7kwc.execute-api.eu-west-3.amazonaws.com/alpha\' });\n\nconst options = { api }\n\nrender(\n <App options={options} />,\n document.getElementById(\'root\')\n)\nregisterServiceWorker();\n我知道这是一个已知问题，但我没有\xe2\x80\x99t 找到如何在其他线程中解决这个问题。
\n\n网站： http: //sensuba.netlify.app/
\n\nGithub：在此处输入链接描述
\n