Débogage/trouver des scripts chargés par RequireJS

J'ai commencé à utiliser RequireJS de charger les scripts pour ma page, mais a frappé un barrage routier lorsque vous essayez de déboguer un problème à l'aide de chrome.

Disons que j'ai mon script principal qui s'appuie sur deux dépendances: dep1 et dep2

require(["dep1", "dep2"], function(dep1, dep2) {
    //do something
});

Tandis que l'exécution des tests unitaires, je remarque que quelque chose dans dep1.js ne fonctionne pas correctement, donc j'ouvre google chrome dev tools pour insérer un point d'arrêt, à l'exception...

Débogage/trouver des scripts chargés par RequireJS

...dep1.js n'existe pas!

Comment puis-je trouver le fichier source pour insérer mon point d'arrêt?!

Je suis sûr que les fichiers sont en cours de chargement comme les scripts sont exécutés correctement. Je ne peux pas les voir dans la liste des sources

tout commentaire, raison pour downvoting?
Une autre façon de vérifier d'accès / de la chargé de sources via le Réseau de l'onglet dans Chrome Developer Tools. Vous pouvez droit-cliquez sur la source pour l'afficher.

OriginalL'auteur Steve Greatrex | 2013-01-16

  1. 5

    Enfin compris le problème était que j'utilisais r.js au lieu de require.js. Dès que je suis passé, je pouvais voir les fichiers sans problème.

    Comme une parenthèse, une solution temporaire a été d'insérer la ligne suivante à la fin de l'insertion des fichiers. Cette juste au sujet de obtient chrome pour ramasser sur les fichiers.

    //@ sourceURL=GameWorldAction.js
    Très intéressant ce fut ma suggestion d'un mois avant que vous avez posté ce (voir ci-dessous), mais pas un seul upvote..
    Je ne vois pas de réponse, à part celui de jeremyawesome. Si vous voulez dire votre commentaire sur cette réponse, alors oui, c'est vrai - vous devriez avoir posté comme réponse!
    upboats de l'avenir!

    OriginalL'auteur Steve Greatrex

  2. 1

    Vous ne fermez jamais votre tableau dans votre exemple ci-dessus.

    require(["dep1", "dep2", function(dep1, dep2) {
    //do something
});

    Devrait être:

    require(["dep1", "dep2"], function(dep1, dep2) {
    //do something
});

    Modifier en Réponse à la mise à Jour à la Question:

    Je suis en supposant que r.js est le RequireJs fichier. Il ressemble à RequireJS ne se charge pas les fichiers correctement, si elle avait ensuite les fichiers seraient ai montré dans votre inspecteur.

    Êtes-vous à l'aide de la data-main attribut sur votre script balise pour spécifier l'un des principaux fichier JS? Si oui, la dep1 et dep2 fichiers dans le même répertoire que le fichier JS? Vous pourriez avoir à spécifier un autre baseUrl si vous essayez de charger des fichiers à partir d'un chemin d'accès différent ou de domaine. Vous pouvez modifier la baseUrl par la mise en au besoin.config.

    <script>
  require.config({
    //path can also be a domain like "//image.mydomain.tld/jscript"
    baseUrl: "/another/path" 
  });
</script>
    L'exemple a été tapé directement dans le tableau est fermé dans le code réel. J'ai mis à jour la question
    Oui, je suis en utilisant le data-main attribut et les fichiers sont définitivement charger correctement (je peux voir que parce que mes tests sont en cours d'exécution). Je suis actuellement à la spécification d'un distinct baseUrl ainsi que certains path mappages mais je ne pense pas que le problème
    Avez-vous vérifié: code.google.com/p/chromium/issues/detail?id=146823
    Je n'avais pas, mais (à première vue) c'est sur les scripts de disparaître plutôt que de ne jamais apparaître dans la première place. Je vais lire par bien
    votre hypothèse est fausse, r.js est l'optimiseur de requireJS

    OriginalL'auteur jeremysawesome