3

process.env.NODE_ENV=='development' - これは問題ありません。process.env.NODE_ENV == 'production'の場合、fetchとヘッダーはIE11.0.9600でbabel-polyfillで定義されていません

しかし、私たちの生産ビルドはIE 11(11.0.9600)で失敗しました。 クロムのすべての作業罰金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" 
... 

依存関係:

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

が.babelrc:

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

"useBuiltIns": false、es2016、es2015、es2017プリセットを試してみてください。何も変わりません。

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)] 

ベンダーはindex.htmlを最初のスクリプトです。

コンソールで_babelPolyfillを入力するとtrueが返されます。 ヘッダー、取り込みは未定義です...

なぜprocess.env.NODE_ENV=='production'がIE11で私のアプリを壊したのですか? 私の設定を修正するには?

答えて

2

core.jsには、Headers()とfetchにはpolyfillがありません。したがって、babel-polyfillではできません。フェッチpolyfillsの 使用1:https://github.com/github/fetch

  • 同型フェッチのブラウザのみのサポートのため

    • WHATWGフェッチポリフィル - ポリフィル、WHATWGフェッチ、ノードおよびブラウザ用に基づいは、詳細は

    をサポート情報:

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

    What is the difference between isomorphic-fetch and fetch?

  • 関連する問題