javascript - Angular2 loadChildren 在 webpacked 之后，产生 __webpack_require__ is not a function

Question

我有一个使用 loadChildren 的简单 Angular2 应用程序，它在依赖 SystemJs 的开发过程中工作正常，在对其进行 webpack 并使用 webpack 加载器修复问题后，输出如下所示

path: 'events', component: CoreComponents.MainLayoutComponent, loadChildren: 
   function(){ 
      return  __webpack_require__(125)("EventModule")
   }

当我浏览到/events 时，我得到

TypeError: __webpack_require__(...) is not a function

我通读了 webpack 存储库并发现了这个 https://github.com/webpack/webpack/issues/1890

但是他们说它已关闭，不知道如果关闭的话错误会出现在哪里，除了 loadChildren 语法的简单修复之外我不使用任何其他加载器(类似于此 https://github.com/daviddt/angular2-lazy-load-example )。当我在 return 语句之前添加控制台日志时，它返回一个“对象”而不是“函数”

console.log(__webpack_require__(125));

返回:

1. Object
    1. EventModule:EventModule()
        1. arguments:(...)
        2. caller:(...)
        3. length:0
        4. name:"EventModule"
        5. prototype:Object
        6. __proto__:()
        7. [[FunctionLocation]]:app.js:46194
        8. [[Scopes]]:Scopes[2]
    2. __proto__:Object

我错过了什么？

Answer 1

深挖，终于找到答案该行应该使用方括号!

 return  __webpack_require__(125)["EventModule"]