javascript - 使用 config-all.json 生成的 modernizr.js 出错

Question

我有一个我想不通的问题:

• 我使用 npm install 和 package.json 安装了最新版本的 modernizr (3.7.1)

• 我按照文档的建议使用以下命令 ./bin/modernizr -c config-all.json 生成了 modernizr.js 文件

• 现在我的 modernizr 文件包含在我的页面中，我在 JavaScript 控制台中收到此错误:

modernizr.js:6870
Uncaught TypeError: Cannot read property 'removeChild' of null
    at Object.fn (modernizr.js:6870)
    at testRunner (modernizr.js:144)
    at modernizr.js:10156
    at modernizr.js:10175

我不知道它是否阻止了 modernizr 的良好行为，我仍然无法弄清楚它为什么会发生。

有关更多详细信息，发生它的 modernizr.js 中的函数是这个函数:

Modernizr.addTest('localizednumber', function() {
    /* this extends our testing of input[type=number], so bomb out if that's missing */
    if (!Modernizr.inputtypes.number) { return false; }
    /* we rely on checkValidity later, so bomb out early if we don't have it */
    if (!Modernizr.formvalidation) { return false; }

    var body = getBody();
    var div = createElement('div');
    var firstChild = body.firstElementChild || body.firstChild;
    var result;

    body.insertBefore(div, firstChild);

    div.innerHTML = '<input type="number" value="1.0" step="0.1"/>';
    var input = div.childNodes[0];
    body.appendChild(div);

    input.focus();
    try {
      document.execCommand('SelectAll', false); // Overwrite current input value, rather than appending text
      document.execCommand('InsertText', false, '1,1');
    } catch (e) {} // prevent warnings in IE

    /* results */
    result = input.type === 'number' && input.valueAsNumber === 1.1 && input.checkValidity();

    /* cleanup */
    body.removeChild(div);
    if (body.fake) {
      body.parentNode.removeChild(body); // <==== ERROR HAPPENS HERE
    }

    return result;
  });

Answer 1

我在我的页面中 body elemtn 的末尾包含了 modernizr.js(在任何其他脚本之前)并且错误不再发生，因为 Modernizr 不使用假 body 来运行他的测试。

但我认为在其中包含 Modernizr 是不好的做法，这就是为什么我首先将文件包含在 head 标记的末尾，有什么解释吗？