Pregunta sobre Interactive Content – H5P de Wordpress:

No se pudo crear el juego de memoria – Errores JS

Un usuario preguntó 👇

Puedo crear la publicación y darle un título, pero el resto de la interfaz no está cargada. El error del inspector es el siguiente:

Uncaught TypeError: Cannot read property 'makeTabbable' of undefined
    at MemoryGame.self.attach (fa79696b4fae647e2bd7342aa0b9cda8595866ce.js?ver=5.4:1147)
    at Object.H5P.newRunnable (h5p.js?ver=1.15.0:954)
    at HTMLDivElement.<anonymous> (h5p.js?ver=1.15.0:137)
    at Function.each (jquery.js?ver=1.15.0:2)
    at init.each (jquery.js?ver=1.15.0:2)
    at Object.H5P.init (h5p.js?ver=1.15.0:93)
    at HTMLDocument.<anonymous> (h5p.js?ver=1.15.0:2821)
    at c (jquery.js?ver=1.15.0:2)
    at Object.fireWith [as resolveWith] (jquery.js?ver=1.15.0:2)
    at Function.ready (jquery.js?ver=1.15.0:2)

Agradecemos cualquier ayuda.

(@ icc0rz)

Hace 8 meses, 3 semanas

Parece que esto puede ser un síntoma de otra cosa. Esto solo sucederá si no hay cartas en el juego. ¿Están ahí cuando editas el contenido? ¿Puede compartir un enlace a una página defectuosa para que pueda verla?

(@doyenwilliams)

Hace 8 meses, 3 semanas

Hola @ icc0rz,

Tienes razón, no hay cartas en el juego, pero eso se debe a que no me dieron la opción de crear ninguna. Luego intenté crear otro juego de memoria para analizar los errores y encontré:

Recorder.js:74 Refused to create a worker from 'blob:https://coi-csod.org/6009bd45-edd1-4839-b6f4-2a5e94e1ce06' because it violates the following Content Security Policy directive: "script-src * 'self' 'unsafe-inline' 'unsafe-eval'". Note that 'worker-src' was not explicitly set, so 'script-src' is used as a fallback.

… Tanto como

Uncaught DOMException: Failed to construct 'Worker': Access to the script at 'blob:https://coi-csod.org/6009bd45-edd1-4839-b6f4-2a5e94e1ce06' is denied by the document's Content Security Policy.
    at new t (https://coi-csod.org/wp-content/uploads/h5p/libraries/H5PEditor.AudioRecorder-1.0/dist/h5p-editor-audio-recorder.js?ver=1.0.4:1:116850)
    at new e (https://coi-csod.org/wp-content/uploads/h5p/libraries/H5PEditor.AudioRecorder-1.0/dist/h5p-editor-audio-recorder.js?ver=1.0.4:1:6724)
    at createTabInstance (https://coi-csod.org/wp-content/plugins/h5p/h5p-editor-php-library/scripts/h5peditor-av.js?ver=1.15.0:224:29)
    at C.H5PEditor.widgets.video.H5PEditor.widgets.audio.H5PEditor.AV.C.appendTo (https://coi-csod.org/wp-content/plugins/h5p/h5p-editor-php-library/scripts/h5peditor-av.js?ver=1.15.0:237:11)
    at Object.ns.processSemanticsChunk (https://coi-csod.org/wp-content/plugins/h5p/h5p-editor-php-library/scripts/h5peditor.js?ver=1.15.0:475:19)
    at ns.Group.appendTo (https://coi-csod.org/wp-content/plugins/h5p/h5p-editor-php-library/scripts/h5peditor-group.js?ver=1.15.0:127:8)
    at VerticalTabs.self.addItem (https://coi-csod.org/wp-content/uploads/h5p/libraries/H5PEditor.VerticalTabs-1.3/vertical-tabs.js?ver=1.3.7:391:12)
    at List.<anonymous> (https://coi-csod.org/wp-content/plugins/h5p/h5p-editor-php-library/scripts/h5peditor-list.js?ver=1.15.0:43:21)
    at List.call (https://coi-csod.org/wp-content/plugins/h5p/h5p-php-library/js/h5p-event-dispatcher.js?ver=1.15.0:209:26)
    at List.EventDispatcher.trigger (https://coi-csod.org/wp-content/plugins/h5p/h5p-php-library/js/h5p-event-dispatcher.js?ver=1.15.0:240:12)

(@doyenwilliams)

Hace 8 meses, 3 semanas

hola @ icc0rz,

Mi respuesta anterior está reservada para la moderación, pero en pocas palabras:

Intentando crear un montón de juegos de memoria que contienen solo el título y devolviendo el error Recorder.js en línea 74: «El trabajador se negó a crear»

Esta respuesta fue modificada hace 8 meses, 3 semanas por.

(@ icc0rz)

Hace 8 meses, 3 semanas

Su servidor web está configurando un encabezado CSP que se niega a ejecutar JavaScript en su navegador. Deberá actualizar la configuración de su servidor web para incluir ‘script-src blob:’ en ese encabezado. O puede intentar forzar a su navegador a ignorar el encabezado CSP.

Aquí hay más detalles bajo el título: https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP

Esta respuesta fue modificada hace 8 meses, 3 semanas por.

(@doyenwilliams)

Hace 8 meses, 2 semanas

hola @ icc0rz,

¿Cómo se vería todo el asunto? Soy un pequeño guionista, así que ten paciencia conmigo.

Además, veo dónde podría solucionarse esto en el . Puede agregar el valor configurar esto para garantizar mejor una experiencia de usuario uniforme? Nuevamente, tenga paciencia ya que mi comprensión no se extiende a este nivel.

¡Gracias por tu ayuda!

(@ icc0rz)

Hace 8 meses, 2 semanas

Ah, ya veo. Bueno, si no sabe si ha configurado esto, es probable que la configuración del sitio web le haya permitido hacer esto, o puede que esté utilizando un servicio de alojamiento web. que se está organizando para usted. Empiece por buscar archivos conocidos .htaccess. Su carpeta de instalación de wordpress puede contener uno, pero también el wp-content / upload. Verifique ambos y vea si tienen una línea como esta:
Header add Content-Security-Policy "default-src 'self';"

Si no está en los archivos, busque en su wp-config.php y configuración los plugins de terceros que haya habilitado. También puedes intentar buscar Content-Security-Policy en las carpetas. Si encuentra la línea / definición, lo ayudaré a actualizarla para que funcione.

(@doyenwilliams)

Hace 8 meses, 2 semanas

Yo otra vez @ icc0rz,

Después de buscar su consejo, busqué y no pude encontrar ningún lugar que confirmara los encabezados, así que asumí que era una cosa central de WP.

La ubicación actual parece ser script-src * 'self' 'unsafe-inline' 'unsafe-eval'

Agregué el plugin HTTP Headers (para mejorar la seguridad del sitio web) para ayudarme a modificar esta configuración, entonces, ¿qué recomendaría establecer el nuevo valor script-src?

Gracias por su paciencia y ayuda.

(@ icc0rz)

Hace 8 meses, 2 semanas

Solo agrega espacio + blob: el campo script-src debería funcionar.

Esta respuesta fue modificada hace 8 meses, hace dos semanas por.

(@doyenwilliams)

Hace 8 meses, 2 semanas

Lo encontré funcionando @ icc0rz – ¡gracias por la ayuda y la paciencia!

(@doyenwilliams)

Hace 8 meses, 2 semanas

Para cualquiera que haya cometido un error similar:

Obtenga el plugin HTTP Headers (para mejorar la seguridad del sitio web) En la pestaña «Opciones de CSP» configure AL MENOS el script-src para leer * 'self' 'unsafe-inline' 'unsafe-eval' y prueba guardar tu configuración en securityheaders.com. Si sus encabezados funcionan allí pero H5P no funciona, entonces tiene algo que sobrescribe los encabezados en la sección de administración … si es así, continúe con el siguiente paso En la pestaña «.htaccess» de Encabezados HTTP ( para mejorar la seguridad del sitio web) haga clic en «Desactivar sobrescribir encabezados» y copie las reglas .htaccess que se muestran en la parte superior del archivo .htaccess. ¡Eso debería arreglar las cosas!

¡Espero que esto ayude a alguien!

¿Solucionó tu problema??

0 / 0

Deja una respuesta 0

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *