语法错误：意外令牌，预期； 在index.js creat-react-app中

Question

每次我编写react组件时，我都会为其创建文件夹。 然后我制作文件index.js和component.jsx

例如

├── App.js
├── component
│   ├── index.js
│   └── Component.jsx
...

索引component/index.js

export default from './Component'

实际的react组件写在Component.jsx 。

但是问题是当我尝试使用create-react-app构建应用并导入Component.jsx如下所示

import Component from './component'

这样会发生错误

./src/component/index.js
Syntax error: Unexpected token, expected ; (1:20)

> 1 | export default from './Component'
    |                     ^
  2 | 

---

但是如果我像这样编写代码component/index.js效果很好。

import Component from './Component'
export default Component

我的第一个index.js有什么问题吗？

Answer 1

这是将默认导入重新导出为默认导出的方法，

export {default} from './Component'

Answer 2

在您的index.js 。

从'./component'导出默认值