Browserify "Modul ist nicht definiert"

Question

Ich bin neu zu browserifizieren. Ich habe den folgenden Code ausprobiert und beim Laden meiner Webseite Uncaught ReferenceError: module is not defined bekommen. Alles ist recht schlicht und einfach so nicht sicher, was ich falsch mache:

chronoOpenList.js:

module.exports = function getChronoOpenList() { 
    var xml = new XMLHttpRequest(); 
    xml.open("GET", "api/nextrequestdue/", true); 
    xml.onreadystatechange = function() { 
     if (xml.readyState === 4 && xml.status === 200) { 
      var jsonText = xml.responseText; 
      parseChronoAndBuildElements(jsonText); 
     } 
    } 
    xml.send(null); 
} 

main.js:

var getChronoOpenList = require('./chronoOpenList'); 
getChronoOpenList(); 

html:

<script style="text/javascript" src="{% static 'js/bundle.js' %}"></script> 

Der Befehl zum Durchsuchen:

one@chat-dash /home/git/recognizer/recognizer_project/static/js $ /usr/local/lib/node_modules/browserify/bin/cmd.js main.js -o bundle.js 

Die bundle.js:

(function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);throw new Error("Cannot find module '"+o+"'")}var f=n[o]={exports:{}};t[o][0].call(f.exports,function(e){var n=t[o][1][e];return s(n?n:e)},f,f.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){ 
module.exports = function getChronoOpenList() { 
    var xml = new XMLHttpRequest(); 
    xml.open("GET", "api/nextrequestdue/", true); 
    xml.onreadystatechange = function() { 
     if (xml.readyState === 4 && xml.status === 200) { 
      var jsonText = xml.responseText; 
      parseChronoAndBuildElements(jsonText); 
     } 
    } 
    xml.send(null); 
} 

.... 
},{"./chronoOpenList":1}]},{},[2]) 

Answer 1

Die Funktion parseChronoAndBuildElements ist im Rahmen Ihrer getChronoOpenList Funktion nicht definiert.

Sie müssen parseChronoAndBuildElements in diesem Bereich definieren, wie folgt aus:

chronoOpenList.js:

var parseChronoAndBuildElements = require('./parseChronoAndBuildElements.js'); 

module.exports = function getChronoOpenList() { 
    var xml = new XMLHttpRequest(); 
    xml.open("GET", "api/nextrequestdue/", true); 
    xml.onreadystatechange = function() { 
     if (xml.readyState === 4 && xml.status === 200) { 
      var jsonText = xml.responseText; 
      parseChronoAndBuildElements(jsonText); 
     } 
    } 
    xml.send(null); 
} 

Answer 2

Ich glaube, Sie müssen:

var parseChronoAndBuildElements = window.parseChronoAndBuildElements;