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

Question

我在尝试用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 "."

我认为,这个问题本身是由сaused 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构建的分发版.

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

编辑:

循环依赖错误堆栈跟踪:

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 ...

Answer 1

首先，webpack 抱怨动态依赖（在构建包时无法解决）。这不是循环依赖。

我让它像这样工作：

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 会警告旧的插件格式，但它确实有效

积分转到： /sf/answers/2976898431/