eslint：分析错误：导入期间出现意外令牌

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';