javascript - you - Reactjs: Advertencia: React.createElement: type no debe ser nulo o indefinido

react routing

Question

este es el error completo

Advertencia: React.createElement: type no debe ser nulo o indefinido. Debe ser una cadena (para elementos DOM) o una ReactClass (para componentes compuestos).

y esto es todo lo que tengo en esta vista

import React, { Component } from ''react'';
import Router, {Link, RouteHandler} from ''react-router'';
import { Grid, Row, Column, List, ListItem } from ''../../components/Layout'';
import { RaisedButton, Paper } from ''material-ui'';

const videosInformation = {
  time      : 25,
  gameId    : 15665,
  date      : ''12 10 2015'',
  gameName  : "Black Jack"
};

export default class Home extends Component {

  static contextTypes = {
    router  : React.PropTypes.func
  }  

  render () {
    return <Grid>                   
      <Row>
        <Column>
          <Paper>
            <List subheader="Player Info">
              <ListItem primaryText={`Name: ${videosInformation.time}`} />
              <ListItem primaryText={`Nickname: ${videosInformation.date}`} />
              <ListItem primaryText={`Age: ${videosInformation.gameId}`} />
              <ListItem primaryText={`Language: ${videosInformation.gameName}`} />
            </List>
          </Paper>
        </Column>  
        <Column>
          <iframe width="560" height="315" src="https://www.youtube.com/embed/Ta4xuThmAsQ" frameBorder="0" allowFullScreen></iframe>
        </Column>
      </Row>
    </Grid>;
  };

}

Estoy usando Material-UI

Answer 1

En caso de que alguien se haya topado con este problema y las soluciones anteriores no ayuden, todo lo que tuve que hacer fue mover mi función ReactDOM.render () de nivel superior por debajo del resto del JavaScript para asegurarme de que todas las variables se inicializaran antes de llamar. Estaba siguiendo el tutorial en https://reactjs.net/getting-started/tutorial_aspnet4.html

Answer 2

Es probable que su archivo de Layout no esté exportando una de las variables de esta línea

import { Grid, Row, Column, List, ListItem } from ''../../components/Layout'';

La advertencia ocurriría si uno de esos no está definido.

Answer 3

Sé que se ha encontrado la solución adecuada aquí, pero solo quería compartir otra posible razón para ReactJS React.createElement: type should not be null or undefined advertencia React.createElement: type should not be null or undefined para desencadenar.

También puede suceder cuando tienes una dependencia circular en tus módulos. Luego, al hacer un console.log() de su módulo importado, se devolverá un objeto vacío.

Para más detalles, eche un vistazo a este otro subproceso de : Require devuelve un objeto vacío