Saltar al contenido

Cómo usar módulos ES6 desde la consola de herramientas de desarrollo

Estate atento ya que en esta crónica hallarás la respuesta que buscas.Este tutorial ha sido probado por nuestros expertos para garantizar la calidad y veracidad de nuestro post.

Solución:

Puede usar la importación dinámica dentro de la consola de Chrome.

import('path/to/module.js').then(m => module = m)

// [doSomething] is an exported function from [module.js].
module.doSomething()

Puede registrar la función o variable en el espacio de nombres global con una línea como window.myFunction = myFunction o window.myVariable = myVariable. Puedes hacer esto en el módulo donde myFunction o myVariable están declarados o hacerlo en un módulo separado donde han sido importados.

Una vez que hayas hecho esto, podrás usar myFunction y myVariable desde la consola de Chrome DevTools.

Por ejemplo:

import myModule from '/path/to/module.js';
window.myModule = myModule;

// in the console:
myModule.foo();

(Crédito a @Evert por proporcionar esta solución en un comentario, aunque de una manera bastante indirecta que me llevó un tiempo descubrir).

Sección de Reseñas y Valoraciones

Te invitamos a añadir valor a nuestro contenido informacional participando con tu veteranía en las explicaciones.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

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