javascript - Webpack构建中的kurento-client-js循环引用

尝试使用Webpack 2 + babel构建kurento-client-js时遇到错误。

WARNING in ./node_modules/kurento-client/lib/register.js
60:20-33 Critical dependency: the request of a dependency is an expression

执行时会导致

Uncaught Error: Cannot find module "."

我相信问题本身是由require中的/lib/register.js引起的

//kurento-clinet/lib/register.js
if (constructor == undefined)
    return register(require(name));

以及导致错误的代码:

//kurento-clinet/lib/index.js
//this module requires kurento-client resulting in circular reference
register('kurento-client-core')

kurento bower软件包包含使用browserify构建的发行版。

我想知道是否有人尝试使用webpack构建kurento-client-js。请分享您的经验。

编辑:

循环依赖项错误堆栈跟踪:

Uncaught TypeError: Cannot read property 'MediaObject' of undefined
at Object._typeof (KurentoClient.js:42)
at __webpack_require__ (bootstrap 0d7eac46304670c5f3b5:19)
at Object._typeof (index.js:44)
at __webpack_require__ (bootstrap 0d7eac46304670c5f3b5:19)
at Object.module.exports (HubPort.js:21)
at __webpack_require__ (bootstrap 0d7eac46304670c5f3b5:19)
at Object._typeof (index.js:32)
at ...

最佳答案

首先，webpack抱怨动态依赖(在构建 bundle 包时无法解决)。它是而不是循环依赖项。

我像这样工作:

1)在您应用的main.js中手动要求register()函数可能需要的所有模块

require('kurento-client-core')
require('kurento-client-elements')
require('kurento-client-filters')

const kc = require('kurento-client-core/lib/index.js')

console.log(kc)

2)使用此webpack插件完全忽略未解决/动态的require()调用

//in webpack.config.js
plugins:[

function() {
  this.parser.plugin('call require', function(expr) {
    if (expr.arguments.length !== 1) {
      return;
    }

    const param = this.evaluateExpression(expr.arguments[0]);
    if (!param.isString() && !param.isConditional()) {
      return true;
    }
  });
}
//... other plugins
]

Webpack2将警告有关旧的插件格式，但它确实可以工作

积分转至:
https://stackoverflow.com/a/42527120/646156