«Uncaught SyntaxError: неожиданный токен <» при развертывании с использованием Netlify - PullRequest
Новая
       33

«Uncaught SyntaxError: неожиданный токен <» при развертывании с использованием Netlify

0 голосов
/ 29 апреля 2020

Я разрабатываю реагирующее приложение, используя Netlify для автоматического создания и развертывания приложения при фиксации. Дело в том, что всякий раз, когда новая сборка развертывается в рабочей среде, клиент сталкивается с пустой страницей с этой ошибкой:

Опера: enter image description here Firefox: enter image description here

Это не происходит, когда веб-сайт загружается в первый раз навигатором, а только после новой сборки. После нескольких перезагрузок проблема исчезает, и веб-сайт ведет себя правильно. Таким образом, я предполагаю, что это связано с кэшированием.

Кроме того, мне не удалось воспроизвести ошибку локально. Это происходит только после развертывания Netlify.

index. html: 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="theme-color" content="#000000">
    <link rel="manifest" href="%PUBLIC_URL%/manifest.json">
    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
    <script type="text/javascript" src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
    <title>Sensuba</title>
</head>
<body>
    <noscript>
    You need to enable JavaScript to run this app.
    </noscript>
    <div id="root"></div>

    </body>
</html>

Манифест. json: 

{
"short_name": "Sensuba",
"name": "Sensuba",
"icons": [
{
  "src": "favicon.ico",
  "sizes": "64x64 32x32 24x24 16x16",
  "type": "image/x-icon"
}
],
"start_url": "./index.html",
"display": "standalone",
"theme_color": "#000000",
"background_color": "#ffffff"
}

index. js, в папке / sr c: 

import React from 'react';
import { render } from 'react-dom';
import App from './components/App';
import './style/index.css';
import 'bootstrap/dist/css/bootstrap.min.css';
import registerServiceWorker from './utility/registerServiceWorker';
import Api from './services/Api'

const api = new Api({ url: 'https://bhtwey7kwc.execute-api.eu-west-3.amazonaws.com/alpha' });

const options = { api }

render(
  <App options={options} />,
  document.getElementById('root')
)
registerServiceWorker();

Я знаю, что это известная проблема, но я не нашел, как решить эту проблему в других темах.

Веб-сайт: http://sensuba.netlify.app/

Github: введите описание ссылки здесь

...