實(shí)戰(zhàn)pomelo過(guò)程中，自己重新進(jìn)行component build之后發(fā)現(xiàn)輸出的網(wǎng)頁(yè)在瀏覽器端報(bào)錯(cuò)：
Uncaught ReferenceError: Buffer is not defined 閱讀代碼后分析如下：
模塊 pomelo-protocol 的代碼，試圖兼容node.js與瀏覽器端，其區(qū)分方法是 判斷module是否是一個(gè)object。
('object' === typeof module ? module.exports : (this.Protocol = {}),'object' === typeof module ? Buffer : Uint8Array, this);
在node.js中，module是一個(gè)object，而在瀏覽器端，早期版本的component實(shí)現(xiàn) 把module的函數(shù)自身作為最后一個(gè)參數(shù)（命名為module）
if (!module.exports) {
module.exports = {};
module.client = module.component = true;
module.call(this, module.exports, require.relative(resolved), module);
}
所以typeof(module)得到的是一個(gè)function。
但是隨著component的更新，component改變了這個(gè)特性：
if (!module._resolving && !module.exports) {
var mod = {};
mod.exports = {};
mod.client = mod.component = true;
module._resolving = true;
module.call(this, mod.exports, require.relative(resolved), mod);
delete module._resolving;
module.exports = mod.exports;
}
可以看到最后一個(gè)參數(shù)現(xiàn)在是一個(gè)新創(chuàng)建出來(lái)的Object，所以現(xiàn)在在瀏覽器上，pomelo-protocol也認(rèn)為現(xiàn)在正在node.js環(huán)境中，于是就報(bào)錯(cuò)了。
一個(gè)
臨時(shí)的workaround辦法是，在require("promelo-protocol")之前，先準(zhǔn)備好Buffer，代碼如下：
window.Buffer = Uint8Array;
var protocol = require('pomelo-protocol');
window.Protocol = protocol;
delete window.Buffer;
這樣問(wèn)題暫時(shí)消除了。當(dāng)然，最靠譜的辦法還是在pomelo-protocol中修改識(shí)別環(huán)境的辦法。稍后我會(huì)向pomelo提交pull-request幫助解決這一問(wèn)題。