React 16 warning "warning.js: 36 Предупреждение: не ожидал, что серверный HTML-код будет содержать <div> в <div>."

Я использую React 16 беты (реагирует-волокно) с стороной сервера рендерингом

Что я должен понимать это?

warning.js:36 Warning: Did not expect server HTML to contain a <div> in <div>.

Ответы

Ищете эту ошибку в коде реакции, кажется, что это происходит, когда SSR html не может быть регидратирован.

Итак, вы каким-то образом сначала визуализируете другое дерево на клиенте и сервере.

Просто измените экспресс-ответ от

<body>
    <div id="root">
        ${markup}
    </div>
</body>

<body>
    <div id="root">${markup}</div>
</body>

Удалить пробел между тегами

@Sagar Gavhane "Удалить пробел между тегами"

Это работа для меня.

проверить css/scss синтаксические ошибки, такие как забывание; или} или {или как добавление многократной ширины свойства CSS: width: 100px;