Babel does not translate Map() when using Create-React-App

Question

I have a React App using Create-React-App. I've used the Map() datastructure included in ES6 in my app. However, in IE11 it does not work. Shouldn't Babel (under the hood of Create-React-App - I did not eject) take care of this?

If not, is there there any solution for that?

Answer 1

正如其他人已经提到的那样，当有问题的浏览器本身不支持时，您需要使用polyfill来添加功能。由于您已经在使用Babel，最简单的方法是使用Babel polyfill。

如果您不想添加其他相关信息，则可以使用找到的Map polyfill here。

Answer 2

No.

Use babel-polyfill for cross-browser babel support:

npm install --save babel-polyfill

If you're using webpack/browserify then here's how you should incorporate the polyfill:

module.exports = {
  entry: ["babel-polyfill", "./app/js"]
};

If you're still unclear, read the documentation here.