Comment utiliser les modules ES6 à partir de la console des outils de développement

Question

D'après ce que je comprends, si je crée un module ES6, je ne peux l'importer qu'à partir d'un code qui est lui-même un module. Cela signifie que le code non-modulaire, c'est-à-dire le Javascript en ligne, ou la console des outils de développement de Chrome ne peuvent jamais accéder au code qui se trouve dans un module.

Est-ce vrai ? Existe-t-il un moyen de contourner ce problème, car cela semble être une limitation assez extrême.

Answer 1

Maintenez et faites glisser le fichier du module dans la console chrome dev.
Assurez-vous de le faire glisser vers la section de la ligne d'entrée (après > ) de la console.

(Cela fonctionne sur mon Chrome 78 sous Windows 10).

Answer 2

La réponse de Carl m'a été très utile pour faire fonctionner les modules dans la console. Cependant, puisqu'il y a de bonnes raisons de ne pas utiliser window.* dans vos modules en code de production, ce que j'ai commencé à faire est :

1. Placez un point d'arrêt à l'intérieur du module que vous voulez importer.
2. Lorsque ce point d'arrêt est atteint, exécutez window.myModule = myModule; dans la console.
3. Supprimez le point d'arrêt et reprenez. Maintenant, vous pouvez faire référence à ce module dans la console quand vous le souhaitez.

Answer 3

Cela a fonctionné pour moi dans node.js 12.12.0 en utilisant typescript :

dans mon main.ts J'importe wtfnode et le mettre sur le mondial namesapace :

import * as wtf from 'wtfnode';
(global as any).wtfm = wtf;

dans la console du débogueur, je peux maintenant accéder à wtfm :

wtfm.init();
wtfm.dump();