Pasé muchas horas para resolver ese error o también vi otros sitios para resolverlo, pero no encontré ninguna solución, así que necesito ayuda para resolver ese error.
Corto de pantalla aquí: https://i.stack.imgur.com/XbBJ5.jpg
Uso https://www.twilio.com/blog/video-chat-react-hooks para crear una aplicación de video debido al error anterior, no he ingresado a la sala
Aquí está el código a continuación.
import React, { useState, useCallback } from "react"; import Lobby from "./Lobby"; import Room from "./Room"; const VideoChat = () => { const [username, setUsername] = useState(""); const [roomName, setRoomName] = useState(""); const [token, setToken] = useState(null); const handleUsernameChange = useCallback((event) => { setUsername(event.target.value); }, []); const handleRoomNameChange = useCallback((event) => { setRoomName(event.target.value); }, []); const handleSubmit = (event) => { event.preventDefault(); const data = fetch("/video/token", { method: "POST", body: JSON.stringify({ identity: username, room: roomName, }), headers: { "Content-Type": "application/json", }, }).then((res) => res.json()); setToken(data.token); }; const handleLogout = useCallback((event) => { setToken(null); }, []); let render; if (token) { render = ( <Room roomName={roomName} token={token} handleLogout={handleLogout} /> ); } else { render = ( <Lobby username={username} roomName={roomName} handleUsernameChange={handleUsernameChange} handleRoomNameChange={handleRoomNameChange} handleSubmit={handleSubmit} /> ); } return render; }; export default VideoChat;Desarrollador evangelista de Twilio aquí.
Como señaló epascarello, cuando realiza la solicitud para obtener el token, recibe una respuesta 404.
Cuando ejecuta esta aplicación, debe iniciar tanto la aplicación del lado del cliente como el servidor. Para hacer esto debes ejecutar
npm run dev Cuando ejecuta npm start , solo ejecutará la aplicación React, la aplicación del servidor no se ejecutará y obtendrá respuestas 404 cuando realice solicitudes. Todo esto se basa en mi publicación de blog sobre lacreación de una aplicación React con un proxy a un servidor Express en el que puede ver los detalles de cómo se configura.