Uncaught Error: Impossible de trouver le module 'jquery'

Je suis en utilisant Electron de faire une application de bureau. Dans mon application je suis de chargement d'un site externe (à l'extérieur de l'Atome app) permet de dire http://mydummysite/index.html page.

Voici la structure de mon application dans L'Atome De L'Éditeur:

Uncaught Error: Impossible de trouver le module 'jquery'

je.e c'est d'avoir des pièces suivantes:

  1. main.js
  2. package.json
  3. nodemodules>jquery (pour charger jquery)

Code Source:

main.js:

   'use strict';

    var app = require('app');

    app.on('ready', function() {
      var BrowserWindow = require('browser-window');

      var win = 
      new BrowserWindow({ width: 800, height: 600, show: false, 
               'node-integration':true });
      win.on('closed', function() {
        win = null;
      });

      win.loadUrl('http://mydummysite/index.html ');
      win.show();
    });

paquet.json:

{
  "name": "my-mac-app",
  "version": "5.2.0",
  "description": "My Mac Desktop App",
  "main": "main.js",
  "scripts": {
    "start": "electron ."
  },
  "author": "Me",
  "license": "ISC",
  "dependencies": {
    "jquery": "^2.1.4"
  }
}

Page externe - http://mydummysite/index.html code de la page:

<!DOCTYPE html>
<html>
  <head>
  </head>
  <body>
    <h1>Hello World!</h1>

  </body>
<script>

   var jqr=require('jquery');

</script>
</html>

Quand je lance l'application ci-dessus (en faisant glisser le dossier de l'application de l'Électron) la page externe (http://mydummysite/index.html) charges dans la couche électronique
mais avec l'erreur

Uncaught Error: Impossible de trouver le module 'jquery'

Uncaught Error: Impossible de trouver le module 'jquery'

Pouvez-vous m'aider à trouver la cause de ce problème?

Comme vous pouvez le voir dans ma capture d'écran de la structure de répertoire, j'ai alread installé jquery module de mon dossier et je l'ai fait via npm install jquery de commande.

Remarque: Pour jouer avec require commande en JS j'ai essayé d'ajouter require("ipc") dans ma page externe http://mydummysite/index.html page et il travaillait alors, quelle pourrait être la raison avec require("jquery").

Ai-je ajouter un module externe (jquery) à la bonne façon d'Électrons?

Je suis pas certains de la dépendance dans package.json?

Ce que j'ai déjà essayé:

  • npm cache clean, npm install jquery (à mon dossier app)
  • npm install --save jquery
  • npm install jquery -g
  • npm rebuild
  • sudo npm install jquery -g
  • sudo npm install jquery
  • export NODE_PATH=/usr/local/lib/node_modules

Voici la capture d'écran de l'endroit où l'erreur est levée dans module.js

Uncaught Error: Impossible de trouver le module 'jquery'

Quelqu'un peut-il suggérer pourquoi require("ipc") est travail et require("jquery") pas?

Mon but est d'utiliser jQuery avec d'électrons app avec nœud-intégration vrai.

InformationsquelleAutor Raghav | 2015-08-28
  1. 39

    tl;dr

    Contrairement à une normale de nodejs app, où vous avez accès à des modules globaux (par exemple, situé dans /usr/bin/node), l'électron n'est pas automatiquement le NODE_PATH variables d'environnement. Vous devez régler manuellement tous les chemins contenant vos modules souhaités.

    Mise à jour:

    La réponse à la question

    pourquoi require("ipc") est travail et require("jquery") pas?

    est trouvé dans ce question, indiquant que le système/utilisateur, les modules ne doivent pas être inclus dans le chemin d'accès global du module

    car ils pourraient contenir des modules de ne pas livrés avec l'application et éventuellement compilé avec le mauvais v8 en-têtes.

    Et si vous jetez un oeil à d'électrons de la source vous pouvez voir que les modules internes sont ajoutés à la module.globalPaths:

    # Add common/api/lib to module search paths.
globalPaths.push path.resolve(__dirname, '..', 'api', 'lib')

    c'est pourquoi vous avez accès à ipc, app, etc. mais pas les modules que vous avez installés au niveau mondial en utilisant npm install -g.

    J'ai juste essayé avec la dernière électron-prêts à l'emploi version avec un serveur local desservant exactement le même fichier HTML que vous avez fournies et je pense que je sais ce qu'est le problème: Si vous n'avez pas à ajouter le chemin d'accès à votre application node_modules sous-répertoire de votre application de la racine à la NODE_PATH variable, il n'est pas d'aller travailler. Si vous avez besoin de faire quelque chose comme ceci:

    export NODE_PATH=/PATH/TO/APP/node_modules
electron /PATH/TO/APP

    Lors de l'exportation NODE_PATH assurez-vous de fournir un chemin d'accès absolu.

    Mise à jour 2:

    La réponse à l'observation:

    - Je obtenir jQuery introuvable erreurs

    Se trouve dans ce billet. Fondamentalement, si vous utilisez le jQuery du package npm ou de faire quelque chose comme ce qui suit dans vos fichiers HTML à l'intérieur de l'électron:

    <script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>

    Ce que vous obtenez est un usine pas l'objet jQuery attaché au contexte global (e.g window). Comme je l'ai mentionné dans un réponse précédente (contenant également de jQuery code source)

    Lorsque vous avez besoin de jQuery à l'intérieur d'un CommonJS ou similaires environnement qui fournit les module et module.exports, ce que vous obtenez est une usine, pas l'objet jQuery.

    Maintenant pour une utilisation en usine (par importation du code de la CAN ou si vous avez le mécanisme national de prévention module disponible localement), vous auriez besoin de quelque chose comme la suivante:

    <script>
  window.jQuery = window.$ = require('jquery');
</script>

    J'ai écrit une l'article qui explique la combinaison de Nœud + jQuery.

    • Je suppose, parce que c'est un module fourni par l'électron. D'autres modules internes (par exemple,app), fonctionnent sans problème.
    • J'ai abordé la question et le code source en montrant pourquoi ipc est disponible et pourquoi globale des nodules pas!
    • il est logique maintenant pour moi aussi 🙂
    • Vraiment un bon suivi, allait ajouter, mais vous couvert.
    • merci! c'était une de ces questions que je pensais que je connaissais la réponse avant que je trouve que je n'ai pas!
    • Si je me réfère <script src="code.jquery.com/jquery-2.1.4.min.js"></script> puis-je obtenir jQuery pas trouvé des erreurs dans l'électronique. Si j'ai des commentaires if ( typeof module === "object" && typeof module.les exportations === "objet" ) { dans le noyau de fichier jquery uniquement jQuery est disponible.
    • La réponse pourrait porter à confusion, mais s'il vous plaît lire l'article ci-dessus et de jQuery code source pour avoir une meilleure compréhension de la façon dont il travaille au sein de CommonJS environnements. Néanmoins j'ai mis à jour ma réponse à contenir toutes les informations nécessaires.
    • J'ai utilisé require ("gulp"), il me rappelle un message d'erreur: impossible de charger le module "gulp". Comment dois-je faire? Je ne suis pas clair sur l'endroit où dois-je mettre ces code export NODE_PATH=/PATH/TO/APP/node_modules electron /PATH/TO/APP

    InformationsquelleAutor Yan Foto
  2. 7

    Installer jquery avec la ngp n'est pas assez :

    npm install --save jquery

    Il récupère les fichiers source de jQuery dans votre projet. Mais vous devez inclure le script dans votre fichier html :

    <!DOCTYPE html>
<html>
  <head></head>

  <body>
      <h1>Hello World!</h1>
  </body>

  <!-- Try to load from cdn to exclude path issues. -->
  <script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>

  <script>
     window.jQuery = window.$ = jQuery;

     $(document).ready(function() {
         console.log( "jQuery is loaded" );
     });
  </script>

</html>
    • "node_modules/jquery/dist/jquery.min.js" chemin de "mydummysite/node_modules/jquery/dist/jquery.min.js" qui va donner de la 404. J'ai jquery module installé dans mon Électron application au lieu de l'application à distance (mydummysite)
    • Oui, mais si vous souhaitez utiliser jquery dans votre mannequin site, vous devez charger jquery dans votre mannequin site. Pour tester, vous pouvez inclure un script à partir du jquery CA, comme ça pas de problème de chemin d'accès : <script src="code.jquery.com/jquery-2.1.4.min.js"></script>
    • Si j'utilise la balise script jQuery espace de noms n'est pas exposé. Semble problème avec les modules avec le noeud d'intégration.
    • L'espace jQuery n'est pas exposé, mais $ est exposée normalement.
    • J'ai besoin d'espace jQuery, car elle est appelée à de nombreux endroits dans mon site web.
    • Ajouter la fenêtre.jQuery = window.$ = jQuery;

    InformationsquelleAutor Damien
  3. 3
    # assuming you have installed jquery locally instead of globally like in as
npm install jquery -s         # without -g flag

    au lieu de besoin("jquery"), donner le chemin relatif à partir du répertoire source

    besoin("./node_modules/jquery/dist/jquery.min.js");

    Essayez ce qui suit:

    <script>window.$ = window.jQuery = require('./node_modules/jquery/dist/jquery.min.js');</script>

    OU

    <script>var $ = jQuery = require('./node_modules/jquery/dist/jquery.min.js');</script>
    InformationsquelleAutor VanagaS
  4. 3

    J'ai le même problème lors de l'utilisation de jQuery avec des électrons, et de trouver une solution pour ces cas:

    <script type="text/javascript" src="js/jquery.min.js"
 onload="window.$ = window.jQuery = module.exports;" ></script>

    Source: https://discuss.atom.io/t/electron-app-to-host-external-site/16390/9

    InformationsquelleAutor gunivan
  5. 2

    J'espère lien ci-dessous permettra de mettre la lumière sur votre doute pour

    pourquoi exiger("ipc") est de travail et require("jquery") non?

    https://github.com/atom/electron/issues/254

    https://discuss.atom.io/t/electron-app-to-host-external-site/16390/7

    • J'ai besoin de noeud à l'interaction sur. Le deuxième lien dit d'arrêter.
    InformationsquelleAutor Akki619
  6. 0

    Le même problème m'est arrivé , une solution simple est d'ajouter à votre index.js fichier :

    app.on('ready', function() {
      var mainWindow = new BrowserWindow({
        "node-integration": false
      })
//rest of your initialization code here.
})

    le problème est causé par nœud pour plus d'informations , veuillez vous référer à cette post

    Les nœuds-l'intégration de la valeur faux désactiver node.js dans le moteur de rendu
    processus - par exemple, votre application ne peut faire ce que fait un navigateur web va faire.

    InformationsquelleAutor ProllyGeek