？

Question

私はちょうど私のWebPACKにSystemJSからAngular2アプリを移行しました。すべてうまくいったけど、スクロールしている例外のスタックトレースに疲れてしまった。

唯一の例外は、コンソールにスタックトレースの716行を生成します!!!

私はgitのにフルスタックトレースをアップロードしました：https://github.com/sinedsem/test/blob/master/stack_trace.txt

私はファイルの元のファイルと行を見ることができるメッセージの一部のみを、残したい：ここでは一例です：

私はこれを達成することができます

任意の方法？

WebPACKの構成私は1つの回避策を見つけたhttps://github.com/AngularClass/angular2-webpack-starter

Answer 1

と同じでは：クロームdevのツールで「.TS」フィルタを使用します。これは上にスクリーンショットで示した短いメッセージを1つだけ残します。

Answer 2

角度2ウェブパックスターターは非常に複雑です。あまりにも多くのものがあります。そして、あなたのプロジェクト内の場合は、別の何かを必要としている、またはいくつかの異なるがある場合には、デバッグエラーには難しいでしょう。 angular2のウェブサイトから

てみ利用のWebPACKガイド：

https://angular.io/docs/ts/latest/guide/webpack.html

例angularclassによってはangular2からのすべての新しいバージョンで更新されていません。 package.jsonで 例。 "@ angle/common"： "〜2.4.0"、

あなたが理解していることは重要ですどのようにwebpack、より簡単な設定以来、変更し、後で事を追加します。私webpack.common.jsが変更

は次のとおりです。

var webpack = require('webpack'); 
var HtmlWebpackPlugin = require('html-webpack-plugin'); 
var ExtractTextPlugin = require('extract-text-webpack-plugin'); 

var autoprefixer = require('autoprefixer'); 

var helpers = require('./helpers'); 


module.exports = { 
    entry: { 
     'polyfills': './src/polyfills.ts', 
     'vendor': './src/vendor.ts', 
     'app': './src/main.ts' 
    }, 

    resolve: { 
     extensions: ['', '.ts', '.js', '.json', '.css', '.scss', '.html'] 
    }, 

    module: { 
     loaders: [ 
      { 
       test: /\.ts$/, 
       loaders: ['awesome-typescript-loader', 'angular2-template-loader'] 
      }, 
      { 
       test: /\.html$/, 
       loader: 'html' 
      }, 
      { 
       test: /\.(png|jpe?g|gif|svg|woff|woff2|ttf|eot|ico)$/, 
       loader: 'file?name=assets/[name].[hash].[ext]' 
      }, 
      { 
       test: /\.css$/, 
       exclude: helpers.root('src', 'app'), 
       loader: ExtractTextPlugin.extract('style', 'css?sourceMap') 
      }, 
      { 
       test: /\.css$/, 
       include: helpers.root('src', 'app'), 
       loader: 'raw' 
      }, 
      { 
       test: /\.scss$/, 
       exclude: helpers.root('src', 'app'), 
       loader: ExtractTextPlugin.extract(
        'style-loader', 
        'css-loader!postcss-loader!sass-loader' 
       ) 
      }, 
      { 
       test: /\.scss$/, 
       include: helpers.root('src', 'app'), 
       loader: 'raw!css!postcss-loader!sass' 
      }, 
      { 
       test: /\.json$/, 
       loader: 'json-loader' 
      } 
     ] 
    }, 

    postcss: function (webpack) { 
     return [ 
      autoprefixer({browsers: ['last 10 versions']}), 
     ]; 
    }, 

    plugins: [ 

     new webpack.optimize.CommonsChunkPlugin({ 
      name: ['app', 'vendor', 'polyfills'] 
     }), 

     new HtmlWebpackPlugin({ 
      template: 'src/index.html' 
     }), 


     new ExtractTextPlugin('css/[name].css') 


    ] 

}; 

私はSaaSのサポートとautoprefixerを追加しました。