Import Error of react-intl in Safari.

[jefferyvincent]

Hello,

I am using the react-hot-loader that uses webpack-dev-server.

I am seeing the following error in Safari when I try to import react-int as a ES6 module (using babel):

import {IntlMixin, FormattedDate } from 'react-intl';

Or

import ReactIntl, {IntlMixin, FormattedDate } from 'react-intl';

[ericf]

Looks like you're missing the Intl.js polyfill that's needed for Safari since it doesn't yet have the Intl APIs built-in.

There are more details on the site:
http://formatjs.io/guides/runtime-environments/
http://formatjs.io/guides/runtime-environments/#client

[jefferyvincent]

Thanks! This fixed the issue with the missing Intl
npm install intl

import Intl from 'intl';
import {IntlMixin, FormattedDate } from 'react-intl';

However I still seeing this and I am wondering if it needs a loader for webpack:

[ericf]

Related to this: esnext/es6-module-transpiler#164
We'll have to revamp our build process at some point to not produce source maps for CommonJS modules.

[jefferyvincent]

Thanks! I'll look forward to the update.

[jefferyvincent]

Still seeing these errors in build 1.4.0

[Dindaleon]

Any updates on this? I am getting these errors as well. I have several sites using react-intl but they are all broken in safari unless i disable react-intl.

[olivierlambert]

Hi lads, any news on this? Or a known workaround?