角2（4）WebpackサイトはIE 11のサーバでは動作しません

Question

http://localhost:port/で自分のサイトを実行するとIEのための特別なスイッチがありますか？また、EdgeやChromeのサーバhttp://server.domain/mysite/で動作させると動作します。しかし、IE 11（互換モードが11に設定されている）で開くと、コンソールに次のエラーが表示されます。

未処理プロミス拒否：関数t（t）{var e = this; this.http = （ゾーン：;タスク：Promise.then;値：this.getItems = function（）{e.results = null、e.http.get（ "api /app/components/my-items.component.html;関数t（t）{var e = this; this.http = t、this.getItems = function（）{e.results = null、e.http.get（ "api/app/components/my -items.component.html undefined

私に何かを意味する唯一の部分は、「api /」が間違っていて、コンポーネントをダブルチェックしたことです。明らかに：

@Component({ 
    selector: 'my-items', 
    templateUrl: 'app/components/my-items.component.html' 
}) 
export class MyItemsComponent implements OnInit { ... 

（C＃の、TS、CSS、HTMLやJSファイルを含む）全体溶液中の句 'API /アプリ' の1回の発生がありません

私webpack.config.jsは簡単です：

/// <binding ProjectOpened='Watch - Development' /> 
var path = require('path'); 
var webpack = require('webpack'); 
var console = require('console'); 


module.exports = { 
    context: path.join(__dirname, 'wwwroot'), 
    //vendor: ['libs/@angular/platform-browser-dynamic/bundles/platform-browser-dynamic.umd.js'], 
    entry: './app/main.js', 
    output: { 
     path: path.join(__dirname, 'wwwroot/built'), 
     filename: '[name].bundle.js', 
    }, 
    plugins: [ 
      //new webpack.optimize.CommonsChunkPlugin("vendor", "vendor.bundle.js"), 
      // split vendor js into its own file 
    new webpack.optimize.CommonsChunkPlugin({ 
     name: 'vendor', 
     minChunks: function (module, count) { 
      // any required modules inside node_modules are extracted to vendor 
      var path = module.resource.replace(/\\/g, '/'); 

      return (/\.js$/.test(path) && (path.indexOf('node_modules/') >= 0 || path.indexOf('libs/') >= 0)); 
     } 

}; 

ここでは何が起こっていますか？

Answer 1

2.0.0-rc.1とwebpackを使用して同じ問題が発生しました。いくつかのissuesを読んだ後、私のためのソリューションは、ブラウザがIEのときに私のindex.htmlで次のスクリプトを含めるようにした。

es6-shim.min.js 
system-polyfills.js 
shims_for_IE.js 

最初の二つはnode_modulesの中に発見することができ、私はhereから三分の一をダウンロードしました。

Answer 2

私は同じ状況を抱えていました。 webpack 2を使用して移行した後、私のアプリケーションはIE 11で動作していませんでした。

これを入れてみると、今すぐ動作しているようです。

<script src="https://cdnjs.cloudflare.com/ajax/libs/es5-shim/4.5.7/es5-shim.min.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/es5-shim/4.5.7/es5-sham.min.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/es6-shim/0.34.2/es6-shim.min.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/es6-shim/0.34.2/es6-sham.min.js"></script> 

このチェック：https://github.com/es-shims/es5-shim#example-of-applying-es-compatability-shims-in-a-browser-project

注：あなたがIE 11についてだけ心配している場合、あなたは最初の2人のES5シムをスキップすることができます。しかし、あなたがブラウザをサポートする必要がある場合は、それらを必要とするかもしれません。