javascript - React export declaration statement expected - Stack Overflow

admin管理员组

文章数量:1344686

When I try to export my ponent my editor show me an error export declaration statement expected

here is my code:

export Header from './Header/Header';

but if I do this:

export {default as Header} from './Header/Header';

it doesn't show any error.

my Header.js

export default class Header extends React.Component {
  //code
}

I'm following this example .js

My ponent folder structure and export method same like those link.

Any solution?

When I try to export my ponent my editor show me an error export declaration statement expected

here is my code:

export Header from './Header/Header';

but if I do this:

export {default as Header} from './Header/Header';

it doesn't show any error.

my Header.js

export default class Header extends React.Component {
  //code
}

I'm following this example https://github./erikras/react-redux-universal-hot-example/blob/master/src/ponents/index.js

My ponent folder structure and export method same like those link.

Any solution?

• javascript
• reactjs

Share Improve this question Follow asked Apr 19, 2017 at 4:13 ssuhatssuhat 7,6662020 gold badges6767 silver badges123123 bronze badges 2

• export {default as Header} from './Header/Header'; looks right to me. What's the issue with that? – Felix Kling Commented Apr 19, 2017 at 4:37
• @Felix Kling no issues. I'm curious why at the link I post, there's no issue – ssuhat Commented Apr 19, 2017 at 4:40

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 8

Any solution?

export Header from './Header/Header'; is not valid syntax, however there exists a proposal to support it.

The repository you linked to configured babel to support this proposed feature by using the stage-0 preset:

{
  "presets": ["react", "es2015", "stage-0"],
  ...
}

stage-0 includes stage-1 which contains the transform-export-extensions plugin that implements this feature.

---

But to be clear, you don't have to use this experimental feature.

export {default as Header} from './Header/Header';

has the same effect and is standard ES6.

Try export default from './Header/Header';

本文标签： javascriptReact export declaration statement expectedStack Overflow