javascript - eslint:解析错误:导入期间出现意外 token

Question

在 ReactJS 应用程序中，我有一个包含以下导入的 index.js 文件:

export MainContainer from './Main/MainContainer';
export AboutContainer from './About/AboutContainer';

当我运行 ESLINT 时，出现以下错误:

error  Parsing error: Unexpected token MainContainer

错误消息未引用在 .eslintrc.json 中设置的任何 eslint 规则。该应用程序在 Chrome 中运行良好，没有控制台错误。为什么 eslint 会抛出错误？

Answer 1

您在尝试导入时得到的是导出而不是导入。尝试:

import MainContainer from './Main/MainContainer';
import AboutContainer from './About/AboutContainer';

;)

如果您尝试重新导出组件，则需要大括号:

export { MainContainer } from './Main/MainContainer';
export { AboutContainer } from './About/AboutContainer';

如果它重新导出默认导出:

export { default as MainContainer } from './Main/MainContainer';
export { default as AboutContainer } from './About/AboutContainer';