Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

145
Vistas
NetworkError al intentar obtener un recurso usando el SDK de Facebook en React y Webpack

Estoy tratando de usar el SDK de Facebook para javascript, quiero que el usuario inicie sesión para poder obtener el token que devuelve FB, el proceso se completa con éxito pero aparece el error "NetworkError cuando intento obtener el recurso". en la consola

Este es mi código para llamar al SDK de Facebook y conectarme con mi aplicación:

 export function initFacebookSdk() { return new Promise(resolve => { // wait for facebook sdk to initialize before starting the react app window.fbAsyncInit = function () { window.FB.init({ appId: <appId>, cookie: true, xfbml: true, version: 'v13.0' }); resolve() }; }); } export function loadFacebookSDK(d, s, id){ return new Promise(resolve => { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) { return; } js = d.createElement(s); js.id = id; js.src = "https://connect.facebook.net/en_US/sdk.js"; fjs.parentNode.insertBefore(js, fjs); resolve() }) }

Y esta es la función a la que llamo para iniciar sesión con Facebook:

 export const FbLogin = () => { return new Promise( resolve => { loadFacebookSDK(document, "script", "facebook-jssdk") initFacebookSdk() window.FB.login(response => { if (response.authResponse) { resolve(response); } else { resolve(response); } }, {scope: 'email'}); }) }

Esta parte del código es la que llama a la función y obtiene el token correctamente:

 const getFbToken = async (e) => { e.preventDefault() const data = await FbLogin(); console.log(data); }

Necesito ayuda para saber que estoy haciendo mal y como evitar que me aparezca el error, por ahora estoy realizando las pruebas en local.

about 4 years ago · Juan Pablo Isaza
1 Respuestas
Responde la pregunta

0

NetworkError significa que la solicitud no pudo realizarse. Las causas más comunes de esto son:

  • La solicitud ha sido bloqueada por el usuario, como un bloqueador de anuncios (común para Facebook)
  • La solicitud no está permitida por la política CORS del punto final
  • El punto final está mal escrito o falta el protocolo (https)
  • El punto final está fuera de línea (poco probable para el SDK de Facebook)
  • El cliente está desconectado o (si se ejecuta en un servidor) las reglas del cortafuegos impiden el acceso

En el caso de OP, su bloqueador de anuncios bloqueaba la solicitud a Facebook. Esto es común, ya que se utiliza el mismo SDK para recopilar datos de usuario y mostrar anuncios de Facebook.

Para evitar una experiencia de usuario deficiente para los usuarios con un bloqueador de anuncios, es probable que desee mostrar un mensaje de error significativo si se bloqueó la solicitud. Una buena solución a esto se describe en esta publicación .

about 4 years ago · Juan Pablo Isaza Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda