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

Question

每次我撰写反应组件我都会为它制作文件夹。 我制作了文件index.js和component.jsx

例如

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

索引component/index.js

export default from './Component'

实际反应组件写在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

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

  "env": {
    "test": {
      "plugins": [
        ["module-resolver", {
          "root": ["./meteor/imports"]
        }]
      ]
    }
  }

Answer 2

在index.js。

中

  

从'./component'

导出默认值