Uncaught TypeError: Невозможно прочитать свойство 'textContent' из null` с SSR в следующем. js - PullRequest
Новая
       5

Uncaught TypeError: Невозможно прочитать свойство 'textContent' из null` с SSR в следующем. js

1 голос
/ 18 января 2020

Вот моя страница реакции: 

import { motion } from "framer-motion";
import styled from "styled-components";

const Outer = styled(motion.div)`
  height: 100vh;
  display: flex;
  place-items: center;
  background-color: #232323;
`;

const Inner = styled(motion.div)`
  height: 100px;
  width: 100px;
  background-color: cadetblue;
  border-radius: 5px;
`;

const Framer = () => (
  <Outer>
    <Inner>
      Hey
    </Inner>
  </Outer>
);

export default Framer;

Она находится в папке /pages в следующем. js приложении.

С <Inner>Hey</Inner> все работает хорошо, но измените это на <Inner />, и оно последовательно дает мне Uncaught TypeError: Cannot read property 'textContent' of null при рендеринге на сервере.

Это была постоянная проблема, пока я справляюсь со следующим. js. Это мешает моему производству.

Ошибка воспроизводится на следующем. js@9.2.0 и на следующем. js@9.1.7

<Outer>
  <h1>Hey</h1>
  <Inner />
</Outer>

Протестировано выше и отображает нормально. Казалось бы следующее. js страницам нужно немного текста!

1 Ответ

0 голосов
/ 24 января 2020

Удаление google chrome extension JSON Viewer Awesome , похоже, исправило это.

Анализируется как JSON без текста, но отображает разметку с текстом.

...