Question

我的理解是webpack是使用angular2的最佳方式。它的开发对我来说已成为一大麻烦，因为我不确定如何正确调试它。在错误上我得到一个错误的行号错误的大转储，并不能真正调试打字稿应用程序。我一直在寻找几个小时试图找到正确的方法来设置webpack和角度2，以便能够有效地调试，但没有运气

EXCEPTION: Uncaught (in promise): Error: Error in ./Trading class Trading - inline template:70:6 caused by: Cannot read property 'subscribe' of undefinedTypeError: Cannot read property 'subscribe' of undefined
    at Wrapper_SymbolSearch.subscribe (/TradingModule/SymbolSearch/wrapper.ngfactory.js:38:66)
    at CompiledTemplate.proxyViewClass.View_Trading0.createInternal (/TradingModule/Trading/component.ngfactory.js:94:27)
    at CompiledTemplate.proxyViewClass.AppView.create (http://localhost:3000/vendor.bundle.js:91690:21)
    at CompiledTemplate.proxyViewClass.DebugAppView.create (http://localhost:3000/vendor.bundle.js:92142:44)
    at CompiledTemplate.proxyViewClass.View_Trading_Host0.createInternal (/TradingModule/Trading/host.ngfactory.js:16:19)
    at CompiledTemplate.proxyViewClass.AppView.createHostView (http://localhost:3000/vendor.bundle.js:91703:21)
    at CompiledTemplate.proxyViewClass.DebugAppView.createHostView (http://localhost:3000/vendor.bundle.js:92159:52)
...

是由error_handler.js:51转储的令人讨厌的堆栈跟踪的示例。我已经为webpack添加了角度加载器，但是我需要一个更好的方法来在dev中打包它，这样很容易调试

  use: [
    '@angularclass/hmr-loader?pretty=' + !isProd + '&prod=' + isProd,
    'awesome-typescript-loader?{configFileName: "tsconfig.webpack.json"}',
    'angular2-template-loader',
    'angular-router-loader?loader=system&genDir=compiled/src/app&aot=' + AOT
  ],

使用webpack dev服务器调试角度2应用程序

0 个答案: