Node.js Browserify&x2B；不工作

我是新的节点和浏览。现在我正在努力工作，无法运行我的browserify代码。请在下面找到我的档案。问题是，当我直接在浏览器中打开index.html文件时，它会按预期工作并打印“pizza非常美味”。但当我在节点中运行app.js时： node app.js

然后在浏览器中打开URL（localhost:8080），浏览器控制台中不会显示任何内容。另外，当我通过浏览器的“查看源”选项查看URL的源时，“/bundle.js”文件为空 我不明白为什么 *)幕后发生了什么 *)为什么浏览器控制台是空的 *)为什么“bundler.js”文件是空的，以防它由节点提供服务

谢谢

---

index.js

---

app.js

---

index.html

节点/浏览器化示例

---

bundle.js 代码>（函数e（t，n，n，r）若（t，t，n，n，r）若（t（t，t，n，n，r）若（t（t，t，n，n，n，r）若（t，n，n）若（t，n，n）若（t，n，n，r）若（t）若（t）若（t（t，n，n，n，n，r）若）若（t，（t，n，n，n，n，n，n，r）若）若（t，（t（t，n，n，n，n，n，n，n，n，n，n，n，n，n，n，n，n，n，n，r）若）若（t，（t）若（t，（t，n，n，（t，n，n，n，n，n，n，n，n，n，n，n，n，n，n，n，n，n，n，n，n，n，n）若r）}返回n[o] .exports}var i=typeof require==“函数”&&require；for（var o=0；o 0&&this.\u事件[type].length>m）{ 此._事件[type].warned=true； 控制台。错误（“（节点）警告：可能是EventEmitter内存”+ '检测到泄漏，已添加%d个侦听器。'+ '使用emitter.setMaxListeners（）增加限制。'， 此参数为[U事件[type].length]； if（type of console.trace==‘function’）{ //IE 10中不支持 console.trace（）； } } } 归还这个； }; EventEmitter.prototype.on=EventEmitter.prototype.addListener； EventEmitter.prototype.once=函数（类型，侦听器）{ if（！isFunction（侦听器）） 抛出类型错误（'侦听器必须是函数'）； var=false； 函数g（）{ 此。removeListener（类型，g）； 如果（！发射）{ 激发=真； 应用（这个，参数）； } } g、 监听器=监听器； 本.on（g型）； 归还这个； }; //如果侦听器已删除，则发出“RemovelListener”事件 EventEmitter.prototype.RemovelListener=函数（类型，侦听器）{ 变量列表、位置、长度、i； if（！isFunction（侦听器）） 抛出类型错误（'侦听器必须是函数'）； 如果（！this._events | |！this._events[type]） 归还这个； 列表=此。_事件[类型]； 长度=list.length； 位置=-1； 如果（列表===侦听器）|| （isFunction（list.listener）&&list.listener==listener））{ 删除此项。_事件[类型]； 如果（此._events.removeListener） emit（'RemovelListener'，type，listener）； }else if（isObject（列表））{ 对于（i=长度；i-->0；）{ 如果（列表[i]==侦听器|| （列表[i]。侦听器和列表[i]。侦听器===侦听器））{ 位置=i； 打破 } } 如果（位置<0） 归还这个； 如果（list.length==1）{ list.length=0； 删除此项。_事件[类型]； }否则{ 列表拼接（位置1）； } 如果（此._events.removeListener） emit（'RemovelListener'，type，listener）； } 归还这个； }; EventEmitter.prototype.removeAllListeners=函数（类型）{ var键，侦听器； 如果（！this.\u事件） 归还这个； //不侦听removeListener，不需要发出 如果（！this.\u events.removeListener）{ if（arguments.length==0） 这个。_events={}； else if（此._事件[类型]） 删除此项。_事件[类型]； 归还这个； } //为所有事件的所有侦听器发出RemovelListener if（arguments.length==0）{ 用于（输入此.\u事件）{ 如果（键=='removeListener'）继续； 这个.removeAllListeners（键）； } 这个.removeAllListeners（'removeelistener'）； 这个。_events={}； 归还这个； } 侦听器=此。_事件[类型]； if（isFunction（侦听器））{ 此.RemovelListener（类型，侦听器）； }else if（侦听器）{ //后进先出指令 while（listeners.length） this.RemovelListener（类型，listeners[listeners.length-1]）； } 删除此项。_事件[类型]； 归还这个； }; EventEmitter.prototype.listeners=函数（类型）{ var-ret； 如果（！this._events | |！this._events[type]） ret=[]； else if（isFunction（this.\u events[type]）） ret=[this._events[type]]； 其他的 ret=this._事件[type].slice（）； 返回ret； }; EventEmitter.prototype.listenerCount=函数（类型）{ 如果（本事件）{ var evlistener=this.\u事件[类型]； if（isFunction（evlistener）） 返回1； else if（evlistener） 返回evlistener.length； } 返回0； }; EventEmitter.listenerCount=函数（发射器，类型）{ 返回发射器.listenerCount（类型）； }; 函数isFunction（arg）{ 返回参数的类型==='function'； } 函数isNumber（arg）{ 返回类型arg==='number'； } 函数对象（arg）{ 返回类型arg==='object'&&arg！==null； } 函数未定义（arg）{ 返回参数===void 0； } },{}]},{},[1]);

---

---

所有内容都通过Node.js传递，即使是静态文件。它必须有一个与之关联的路由。所有内容都是通过app.js进行集成的，所以如果您习惯于使用html文件进行静态开发，那么静态文件就无法像您预期的那样工作

我建议设置express并为bundle.js文件执行静态路由

---

谢谢，杰森，我肯定会选择express。但是对于上面的问题，我已经解决了——这是因为在上面的app.js（第9行）中使用了硬编码的文件名。我应该使用“\uuu dirname+req.url”而不是“\uu dirname+”/index.html”。。。我犯了个愚蠢的错误！这是一个聪明的想法。解决方案的唯一问题是，人们可以获取我相信的任何文件，并查看其来源，等等。但使用类似于将静态文件映射到的公用文件夹的东西，在明确知道什么是可以的方面会更安全

// require the core node events module
var EventEmitter = require('events').EventEmitter;

//create a new event emitter
var emitter = new EventEmitter;

// set up a listener for the event
emitter.on('pizza', function(message){
  console.log(message);
});

// emit an event
emitter.emit('pizza', 'pizza is extremely yummy');

var app = require('http').createServer(handler);
var fs = require('fs');


app.listen(8080);

function handler (req, res) {
  fs.readFile(__dirname + '/index.html',
  function (err, data) {
    if (err) {
      res.writeHead(500);
      return res.end('Error loading index.html');
    }

    res.writeHead(200);
    res.end(data);
  });
}

<html>
<head>
  <title>node / browserify example</title>
</head>
<body>

<script src="./bundle.js"></script>
</body>
</html>

(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);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.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){
// require the core node events module
var EventEmitter = require('events').EventEmitter;

//create a new event emitter
var emitter = new EventEmitter;

// set up a listener for the event
emitter.on('pizza', function(message){
  console.log(message);
});

// emit an event
emitter.emit('pizza', 'pizza is extremely yummy');

},{"events":2}],2:[function(require,module,exports){
// Copyright Joyent, Inc. and other Node contributors.
//
// Permission is hereby granted, free of charge, to any person obtaining a
// copy of this software and associated documentation files (the
// "Software"), to deal in the Software without restriction, including
// without limitation the rights to use, copy, modify, merge, publish,
// distribute, sublicense, and/or sell copies of the Software, and to permit
// persons to whom the Software is furnished to do so, subject to the
// following conditions:
//
// The above copyright notice and this permission notice shall be included
// in all copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
// OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN
// NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,
// DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR
// OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE
// USE OR OTHER DEALINGS IN THE SOFTWARE.

function EventEmitter() {
  this._events = this._events || {};
  this._maxListeners = this._maxListeners || undefined;
}
module.exports = EventEmitter;

// Backwards-compat with node 0.10.x
EventEmitter.EventEmitter = EventEmitter;

EventEmitter.prototype._events = undefined;
EventEmitter.prototype._maxListeners = undefined;

// By default EventEmitters will print a warning if more than 10 listeners are
// added to it. This is a useful default which helps finding memory leaks.
EventEmitter.defaultMaxListeners = 10;

// Obviously not all Emitters should be limited to 10. This function allows
// that to be increased. Set to zero for unlimited.
EventEmitter.prototype.setMaxListeners = function(n) {
  if (!isNumber(n) || n < 0 || isNaN(n))
    throw TypeError('n must be a positive number');
  this._maxListeners = n;
  return this;
};

EventEmitter.prototype.emit = function(type) {
  var er, handler, len, args, i, listeners;

  if (!this._events)
    this._events = {};

  // If there is no 'error' event listener then throw.
  if (type === 'error') {
    if (!this._events.error ||
        (isObject(this._events.error) && !this._events.error.length)) {
      er = arguments[1];
      if (er instanceof Error) {
        throw er; // Unhandled 'error' event
      }
      throw TypeError('Uncaught, unspecified "error" event.');
    }
  }

  handler = this._events[type];

  if (isUndefined(handler))
    return false;

  if (isFunction(handler)) {
    switch (arguments.length) {
      // fast cases
      case 1:
        handler.call(this);
        break;
      case 2:
        handler.call(this, arguments[1]);
        break;
      case 3:
        handler.call(this, arguments[1], arguments[2]);
        break;
      // slower
      default:
        args = Array.prototype.slice.call(arguments, 1);
        handler.apply(this, args);
    }
  } else if (isObject(handler)) {
    args = Array.prototype.slice.call(arguments, 1);
    listeners = handler.slice();
    len = listeners.length;
    for (i = 0; i < len; i++)
      listeners[i].apply(this, args);
  }

  return true;
};

EventEmitter.prototype.addListener = function(type, listener) {
  var m;

  if (!isFunction(listener))
    throw TypeError('listener must be a function');

  if (!this._events)
    this._events = {};

  // To avoid recursion in the case that type === "newListener"! Before
  // adding it to the listeners, first emit "newListener".
  if (this._events.newListener)
    this.emit('newListener', type,
              isFunction(listener.listener) ?
              listener.listener : listener);

  if (!this._events[type])
    // Optimize the case of one listener. Don't need the extra array object.
    this._events[type] = listener;
  else if (isObject(this._events[type]))
    // If we've already got an array, just append.
    this._events[type].push(listener);
  else
    // Adding the second element, need to change to array.
    this._events[type] = [this._events[type], listener];

  // Check for listener leak
  if (isObject(this._events[type]) && !this._events[type].warned) {
    if (!isUndefined(this._maxListeners)) {
      m = this._maxListeners;
    } else {
      m = EventEmitter.defaultMaxListeners;
    }

    if (m && m > 0 && this._events[type].length > m) {
      this._events[type].warned = true;
      console.error('(node) warning: possible EventEmitter memory ' +
                    'leak detected. %d listeners added. ' +
                    'Use emitter.setMaxListeners() to increase limit.',
                    this._events[type].length);
      if (typeof console.trace === 'function') {
        // not supported in IE 10
        console.trace();
      }
    }
  }

  return this;
};

EventEmitter.prototype.on = EventEmitter.prototype.addListener;

EventEmitter.prototype.once = function(type, listener) {
  if (!isFunction(listener))
    throw TypeError('listener must be a function');

  var fired = false;

  function g() {
    this.removeListener(type, g);

    if (!fired) {
      fired = true;
      listener.apply(this, arguments);
    }
  }

  g.listener = listener;
  this.on(type, g);

  return this;
};

// emits a 'removeListener' event iff the listener was removed
EventEmitter.prototype.removeListener = function(type, listener) {
  var list, position, length, i;

  if (!isFunction(listener))
    throw TypeError('listener must be a function');

  if (!this._events || !this._events[type])
    return this;

  list = this._events[type];
  length = list.length;
  position = -1;

  if (list === listener ||
      (isFunction(list.listener) && list.listener === listener)) {
    delete this._events[type];
    if (this._events.removeListener)
      this.emit('removeListener', type, listener);

  } else if (isObject(list)) {
    for (i = length; i-- > 0;) {
      if (list[i] === listener ||
          (list[i].listener && list[i].listener === listener)) {
        position = i;
        break;
      }
    }

    if (position < 0)
      return this;

    if (list.length === 1) {
      list.length = 0;
      delete this._events[type];
    } else {
      list.splice(position, 1);
    }

    if (this._events.removeListener)
      this.emit('removeListener', type, listener);
  }

  return this;
};

EventEmitter.prototype.removeAllListeners = function(type) {
  var key, listeners;

  if (!this._events)
    return this;

  // not listening for removeListener, no need to emit
  if (!this._events.removeListener) {
    if (arguments.length === 0)
      this._events = {};
    else if (this._events[type])
      delete this._events[type];
    return this;
  }

  // emit removeListener for all listeners on all events
  if (arguments.length === 0) {
    for (key in this._events) {
      if (key === 'removeListener') continue;
      this.removeAllListeners(key);
    }
    this.removeAllListeners('removeListener');
    this._events = {};
    return this;
  }

  listeners = this._events[type];

  if (isFunction(listeners)) {
    this.removeListener(type, listeners);
  } else if (listeners) {
    // LIFO order
    while (listeners.length)
      this.removeListener(type, listeners[listeners.length - 1]);
  }
  delete this._events[type];

  return this;
};

EventEmitter.prototype.listeners = function(type) {
  var ret;
  if (!this._events || !this._events[type])
    ret = [];
  else if (isFunction(this._events[type]))
    ret = [this._events[type]];
  else
    ret = this._events[type].slice();
  return ret;
};

EventEmitter.prototype.listenerCount = function(type) {
  if (this._events) {
    var evlistener = this._events[type];

    if (isFunction(evlistener))
      return 1;
    else if (evlistener)
      return evlistener.length;
  }
  return 0;
};

EventEmitter.listenerCount = function(emitter, type) {
  return emitter.listenerCount(type);
};

function isFunction(arg) {
  return typeof arg === 'function';
}

function isNumber(arg) {
  return typeof arg === 'number';
}

function isObject(arg) {
  return typeof arg === 'object' && arg !== null;
}

function isUndefined(arg) {
  return arg === void 0;
}

},{}]},{},[1]);