En la carpeta de mi aplicación de chat, tengo un cliente\mi-aplicación y una carpeta de servidor. En la carpeta del cliente, tengo otras carpetas llamadas módulos de nodo, público y src. También tengo .gitignore, package-lock.json, package.json y readme.md. Dentro del src, tengo una carpeta de componentes, un App.jsx y un index.js. Dentro de la carpeta de componentes, tengo un ChannelContainer.jsx, un ChannelListContainer.jsx y un index.js.

Esta es mi aplicación.jsx

 import React from 'react'; import { StreamChat } from 'stream-chat'; import { Chat } from 'stream-chat-react'; import Cookies from 'universal-cookie'; import { ChannelListContainer, ChannelContainer } from './components'; const apiKey = '98dzy6uqhm8m'; const client = StreamChat.getInstance(apiKey); console.log("hi") const App = () => { return ( <div className="app__wrapper"> <Chat client={client} theme="team light"> <ChannelListContainer /> <ChannelContainer /> </Chat> </div> ); } export default App;

Este es el index.js que está en la carpeta src:

 import React from 'react'; import ReactDOM from 'react-dom'; import App from './App'; ReactDOM.render(<App />, document.getElementById('root'));

Este es el index.js que está en la carpeta de componentes:

 export { default as ChannelContainer } from './ChannelContainer'; export { default as ChannelListContainer } from './ChannelListContainer';

Este es el ChannelListContainer.jsx:

 import React from 'react'; console.log("hi") const ChannelListContainer = () => { return ( <div> ChannelListContainer </div> ); } export default ChannelListContainer;

Este es el contenedor de canales:

 import React from 'react'; console.log("hi") const ChannelContainer = () => { return ( <div> ChannelContainer </div> ); } export default ChannelContainer;

He buscado en Google durante horas. Agregué una "página de inicio": "./", en mi paquete.json entre "privado": verdadero y "dependencias": { pero eso no ayudó. Entro en la carpeta del cliente, luego en la carpeta my-app. Luego hago npm start pero la página create-react-app está en blanco a pesar de que el terminal dice que se compiló correctamente. Incluso puse console.log ("hola") en todas partes, pero no aparece nada en la pantalla.

Editado: arreglé ID a Id, pero la página aún está en blanco.