Развернул сайт в React с использованием Netlify, но я получил пустую страницу

Question

Я пытался развернуть проект, который я сделал в ReactJS - точнее, в тетрисе - и у меня появляется следующая ошибка:

Вкл. В другом сообщении о переполнении стека я прочитал, что, скорее всего, это происходит потому, что, скорее всего, где-то в проекте есть ссылка на манифест. json, а сам файл / ресурс не существует, и что мне следует искать теги ссылок. содержащий rel=manifest.

Итак, я вошел в свою папку index. html и удалил следующее:

<link rel="manifest" href="/manifest.json">

Итак, после внесения изменений и обновления своего кода, я нажал на Netlify (netlify deploy, netlify open), и я продолжаю получать ту же ошибку. Кто-нибудь знает, что я могу делать не так? Проект отлично работает на localhost.

РЕДАКТИРОВАТЬ: добавление изображения вкладки Сеть

Answer 1

Вам не нужно удалять manifest.json файл. Что вам нужно сделать, это просто подключить исходный код к управлению версиями.

Вам необходимо добавить файл _redirects в папку publi c. (нет расширения для этого файла). добавьте эту строку к нему.

/*    /index.html   200

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

Затем выполните следующие шаги, чтобы легко разместить свой сайт,

1. Добавьте ваш исходный код в репозиторий Bitbucket. (подключите локальную папку к репо)
2. Если у вас есть сборка, удалите эту папку.
3. Go для Netlify и свяжите свой репозиторий Bitbucket и нужный домен.
4. Вот и все ! Всякий раз, когда вы добавляете sh новую версию в основную ветку, она автоматически развертывается. (Больше не нужно создавать! - убедитесь, что настройки автоматического развертывания включены в основную ветку)

Просто используйте эти инструменты легко. Не используйте длинный путь и не усложняйте.