使用 buffer.js 时 aurelia-cli 错误 - 全局未定义

Iva*_*her 5 aurelia

使用 aurelia-cli - SystemJS 捆绑器选项创建了一个新项目。

从 npm 安装了 htmlparser2 模块,该模块具有 buffer.js 作为依赖项。

尝试导入 htmlparser2 时出现以下错误:

bluebird.core.js:3434 Error: global is not defined
  Evaluating http://localhost:9000/buffer/index
Run Code Online (Sandbox Code Playgroud)

在检查供应商捆绑 - >这是创建错误的行:

Buffer.TYPED_ARRAY_SUPPORT = global.TYPED_ARRAY_SUPPORT !== undefined
  ? global.TYPED_ARRAY_SUPPORT
  : typedArraySupport()
Run Code Online (Sandbox Code Playgroud)

在 angualar-cli 中发现了类似的问题,解决方案是手动打开节点全局

Node global is turned off. It works fine if I manually turn it on again.
Run Code Online (Sandbox Code Playgroud)

问题是如何使用 aurelia-cli 来做到这一点?有什么建议么?


来自供应商包的更大代码片段

define('buffer/index',['require','exports','module','base64-js','ieee754','isarray'],function (require, exports, module) {/*!
 * The buffer module from node.js, for the browser.
 *
 * @author   Feross Aboukhadijeh <feross@feross.org> <http://feross.org>
 * @license  MIT
 */
/* eslint-disable no-proto */

'use strict'

var base64 = require('base64-js')
var ieee754 = require('ieee754')
var isArray = require('isarray')

exports.Buffer = Buffer
exports.SlowBuffer = SlowBuffer
exports.INSPECT_MAX_BYTES = 50

/**
 * If `Buffer.TYPED_ARRAY_SUPPORT`:
 *   === true    Use Uint8Array implementation (fastest)
 *   === false   Use Object implementation (most compatible, even IE6)
 *
 * Browsers that support typed arrays are IE 10+, Firefox 4+, Chrome 7+, Safari 5.1+,
 * Opera 11.6+, iOS 4.2+.
 *
 * Due to various browser bugs, sometimes the Object implementation will be used even
 * when the browser supports typed arrays.
 *
 * Note:
 *
 *   - Firefox 4-29 lacks support for adding new properties to `Uint8Array` instances,
 *     See: https://bugzilla.mozilla.org/show_bug.cgi?id=695438.
 *
 *   - Chrome 9-10 is missing the `TypedArray.prototype.subarray` function.
 *
 *   - IE10 has a broken `TypedArray.prototype.subarray` function which returns arrays of
 *     incorrect length in some situations.

 * We detect these buggy browsers and set `Buffer.TYPED_ARRAY_SUPPORT` to `false` so they
 * get the Object implementation, which is slower but behaves correctly.
 */
Buffer.TYPED_ARRAY_SUPPORT = global.TYPED_ARRAY_SUPPORT !== undefined
  ? global.TYPED_ARRAY_SUPPORT
  : typedArraySupport()
Run Code Online (Sandbox Code Playgroud)

小智 5

我相信你正在使用 cli 内置捆绑器(我写的),而不是 webpack。

global是的,目前不支持nodejs全局变量。Nodejs 全局变量也processBuffer类似的问题。

cli 文档有一个补丁来支持processBuffer.

import process from 'process';
window.process = process;
import {Buffer} from 'buffer';
window.Buffer = Buffer;
Run Code Online (Sandbox Code Playgroud)

您可以尝试再添加一个补丁global

window.global = window;
Run Code Online (Sandbox Code Playgroud)

好的,为什么 cli 有这个问题

cli的跟踪算法使用rjs(requirejs优化器)解析器,它有点旧,不检测全局变量(技术上它不进行变量范围分析)。

我有另一个 WIP 捆绑器,名为“dumper”,它通过检测全局变量的新解析器解决了限制。它根据需要自动在模块级别修补 NodeJS 全局变量。

从长远来看,我们将删除 cli 内置捆绑器的代码,然后包装哑器并使其向后兼容。