gpt4 book ai didi

modernizr - Webpack 和 Modernizr 导致 TypeError : document is undefined error

转载 作者:行者123 更新时间:2023-12-01 11:36:42 29 4
gpt4 key购买 nike

我正在使用 webpack 来捆绑我的 javascript 文件。

我的 Webpack 配置(使用 gulp 传递给 webpack)如下所示:

    var webpackConfig = {
context: __dirname,
entry: {
"app": "./js/app.js"
},
output: {
path: path.join(__dirname, ".."),
filename: "/js/[name].js",
chunkFilename: "/js/[id].js"
},
plugins: [
new webpack.ResolverPlugin(
new webpack.ResolverPlugin.DirectoryDescriptionFilePlugin("bower.json", ["main"])
)
],
resolve: {
modulesDirectories: ['js', 'bower_components', 'node_modules']
}
};

我的 app.js是一个简单的要求:
require('modernizr/modernizr.js');

Webpack 构建文件没有任何问题,生成的文件包含 Modernizr。

问题是,当我将文件包含在页面上并对其进行测试时,modernizr 会出错:
TypeError: document is undefined

docElement = document.documentElement,

来自 webpack 的捆绑文件如下所示:
/******/ (function(modules) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/
/******/ // Check if module is in cache
/******/ if(installedModules[moduleId])
/******/ return installedModules[moduleId].exports;
/******/
/******/ // Create a new module (and put it into the cache)
/******/ var module = installedModules[moduleId] = {
/******/ exports: {},
/******/ id: moduleId,
/******/ loaded: false
/******/ };
/******/
/******/ // Execute the module function
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.loaded = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/******/
/******/ // expose the modules object (__webpack_modules__)
/******/ __webpack_require__.m = modules;
/******/
/******/ // expose the module cache
/******/ __webpack_require__.c = installedModules;
/******/
/******/ // __webpack_public_path__
/******/ __webpack_require__.p = "";
/******/
/******/ // Load entry module and return exports
/******/ return __webpack_require__(0);
/******/ })
/************************************************************************/
/******/ ([
/* 0 */
/***/ function(module, exports, __webpack_require__) {

__webpack_require__(1);

/***/ },
/* 1 */
/***/ function(module, exports, __webpack_require__) {

/*!
* Modernizr v2.8.3
* www.modernizr.com
*
* Copyright (c) Faruk Ates, Paul Irish, Alex Sexton
* Available under the BSD and MIT licenses: www.modernizr.com/license/
*/

/*
* Modernizr tests which native CSS3 and HTML5 features are available in
* the current UA and makes the results available to you in two ways:
* as properties on a global Modernizr object, and as classes on the
* <html> element. This information allows you to progressively enhance
* your pages with a granular level of control over the experience.
*
* Modernizr has an optional (not included) conditional resource loader
* called Modernizr.load(), based on Yepnope.js (yepnopejs.com).
* To get a build that includes Modernizr.load(), as well as choosing
* which tests to include, go to www.modernizr.com/download/
*
* Authors Faruk Ates, Paul Irish, Alex Sexton
* Contributors Ryan Seddon, Ben Alman
*/

window.Modernizr = (function( window, document, undefined ) {

var version = '2.8.3',

Modernizr = {},

/*>>cssclasses*/
// option for enabling the HTML classes to be added
enableClasses = true,
/*>>cssclasses*/

docElement = document.documentElement,

/** rest of modernizr code here **/

return Modernizr;

})(this, this.document);


/***/ }
/******/ ])

是什么导致了这个问题?

最佳答案

在 Webpack 2 上,我想我是通过使用 {test: /modernizr/, loader: 'imports-loader?this=>window!exports-loader?window.Modernizr'} 让它工作的,在我的 module.rules .

请参阅此处提交的 Webpack 错误:https://github.com/webpack/webpack/issues/512#issuecomment-288143187

关于modernizr - Webpack 和 Modernizr 导致 TypeError : document is undefined error,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26229323/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com