Flow: "unexpected token import" on dynamic import

[barbalex]

Seems like dynamic imports should work since https://github.com/facebook/flow/pull/3544.

So I must be doing something wrong in my first dynamic import here:

// @flow
import Loadable from 'react-loadable'

import LoadingComponent from './LoadingComponent'

const AsyncActors = Loadable({
  loader: () => import('./Actors'),
  loading: LoadingComponent,
})

export default AsyncActors

This code provokes "unexpected token import" on the import statement.

I am using flow-bin v0.49.1.

[barbalex]

This still happens with flow-bin v0.53.1

[rkurbatov]

I use babel-plugin-dynamic-import-node for jest babel config and babel-plugin-syntax-dynamic-import for webpack. That helps.

[barbalex]

Thanks. But I don't want to eject from create-react-app.

[joaquindk]

I'm getting the same issue with dynamic imports, despite using the babel plugins. Is this being looked into?

[TrySound]

@joaquindk Is the problem with flow or babel?

[joaquindk]

Definitely flow @TrySound

[TrySound]

The latest version does not show unexpected token
https://flow.org/try/#0PTAEAEDMBsHsHcBQiCWBbADrATgFwBQDkAdMAM6xoCmuAFigHYDmhAlEA

[joaquindk]

Nice! Thanks @TrySound

[TrySound]

This probably can be closed.
/cc @vkurchatkin