SPFx : Error al cargar el script de depuración

Cuando intentamos depurar en el entorno local una SPFx Extension es posible que encontremos el mensaje de error “Error al cargar el script de depuración. Asegúrese de que se está ejecutando el servidor y la URL del parámetro «debugManifestsFile» es correcta”.

De momento, para poder probar una SPFX extensión desde el equipo local, debemos añadir en la querystring algo parecido a lo siguiente:

?loadSPFX=true&debugManifestsFile=https://localhost:4321/temp/manifests.js&customActions={«3516fbe2-9f01-4cfc-bc4e-c86833b18773»:{«location»:»ClientSideExtension.ApplicationCustomizer»,»properties»:{«TopMessage»:»Hello as property!»}}}

Este error se puede deber a que:

  • No hemos indicado la URL correcta del manifest que utilizará la extensión.
  • No hemos registrado el certificado de desarrollador de SPX, al acceder a la url del manifest (Por ejemplo: https://localhost:4321/temp/manifests.js) debe aparecer como una URL segura.

En mi caso se ha solucionado registrando el certificado mediante el siguiente comando:

gulp trust-dev-cert