각도 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 = t : this.getItems = function() {e.results = null, e.http.get ("api /app/components/my-items.component.html, Zone :; 작업 : Promise.then; 함수를로드하지 못했습니다 {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 { ... 

전체 솔루션의 문구 'API/응용 프로그램'의 하나의 발생이

내 webpack.config.js

은 간단 (C#을, TS, CSS, HTML과 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)에 대해 단지 우려 경우, 당신은 처음 두 ES5 심을 건너 뛸 수 있습니다. 브라우저를 지원해야하는 경우 브라우저가 필요하다면 필요할 수도 있습니다.