React-snap испортил JSX во время сборки - PullRequest
Новая
       7

React-snap испортил JSX во время сборки

0 голосов
/ 09 июля 2019

Мне нужна лучшая поисковая система для проекта, который я начал с CRA. Поэтому я решил использовать ответную оснастку. Проект развернут на Netlify.

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

index.js выглядит так, как предполагалось в react-snap описании 

const rootElement = document.getElementById("root");
if (rootElement.hasChildNodes()) {
  hydrate(<App />, rootElement);
} else {
  render(<App />, rootElement);
}

serviceWorker.unregister();

Ошибка в том, что jsx не работает, и сайт загружается намного медленнее, используя react-snap. Вот код, который работает в разработке, а не при развертывании 

{window.innerWidth > 960 ? (
  <h1>More than 960 px</h1>
) : (
  <h1>Less than 960 px</h1>
)}

Независимо от размера окна, при его развертывании будет отображаться «Менее 960 пикселей». Если я нажму на подстраницу и вернусь на страницу индекса, она будет правильно отображать «Больше чем 960 px '.

Бег "build": "react-scripts build && react-snap"

Как это может быть? Спасибо!

Кто-нибудь работал с Reaction-Snap при использовании пользовательских хуков? Это как его состояния, которые не работают

...