Fetch und Header sind in IE11.0.9600 mit Babel-Polyfill nicht definiert, wenn process.env.NODE_ENV == 'production'

Question

Wenn process.env.NODE_ENV=='development' - es ist OK!

Aber unsere Produktion Build schlug in IE 11 (11.0.9600). Alle funktionieren in Chrom 55.

devDependencies:

... 
babel-core: "6.22.0", 
babel-eslint: "^7.0.0", 
babel-loader: "^6.2.5", 
babel-preset-env: "^1.5.2", 
babel-preset-es2015: "^6.16.0", 
babel-preset-es2016: "^6.22.0", 
babel-preset-es2017: "^6.16.0", 
babel-preset-react: "^6.16.0", 
babel-preset-stage-0: "^6.22.0" 
... 

Abhängigkeiten:

... 
babel-polyfill: "^6.16.0" 
... 

.babelrc:

{ 
    "presets": [ 
     "react", 
     ["env", { 
      "useBuiltIns": true 
     }], 
     "stage-0" 
    ] 
} 

Versuchen "useBuiltIns": false, ES2016, es2015, es2017 Presets. Nichts verändert sich.

index.js:

"use strict"; 
import 'babel-polyfill' 
... 

webpack.config module.exports.entry:

vendor: ['babel-polyfill', 'immutable', 'react', 'react-dom', ...], 
... 
bundle: [path.resolve(__dirname, srcPath + ""index.js)] 

Verkäufer ist das erste Skript in index.html.

Eingabe von _babelPolyfill in ie console return true. Aber Header, holen sind undefined ...

Warum process.env.NODE_ENV=='production' brach meine App in IE11? Wie repariere ich meine Konfiguration?

Answer 1

core.js haben keine Polyfill für Header() und holen, so Babel-Polyfill nicht. Verwenden eines von fetch polyfills:

• WHATWG-fetch polyfill nur Browser unterstützen https://github.com/github/fetch
• isomorph-Fetch - polyfill, basierend auf WHATWG-fetch, für Knoten und Browser

mehr Unterstützung Info:

https://github.com/zloirock/core-js

What is the difference between isomorphic-fetch and fetch?