ESLINT 出口申报导致问题答案

【问题标题】：ESLINT export declaration causing questionESLINT 出口申报导致问题
【发布时间】：2019-07-04 17:04:02
【问题描述】：

我有一个info.js 文件，包含两个Array 导出：

export const person = [{ name: 'john'}, {name: 'smith'}]
export const country = [{country: 'France'}, {country: 'UK'}]

如果我需要 ex:person，它可以工作，例如：

import { person } from './info.js';

但我需要将person 和country 分离到它们自己的.js 文件中。

所以，我制作了两个文件，并在person.js 中写了以下内容：

export const person = [{ name: 'john}, {name: 'smith'}]

但在我还没来得及测试它之前，ESLIN 就抛出了一个错误并显示了以下链接：

我发现以下行使错误消失：

// There is a default export.
const person = {...}
export { person as default }

但是当我尝试导入 person 时，没有任何效果。我根本无法让它工作。

【问题讨论】：

【解决方案1】：

您如何尝试导入人员？默认导出如下导入。

import person from './person'

如果出于某种原因更喜欢命名导出，您可以在下一行使用以下注释禁用 eslint

// eslint-disable-next-line prefer-default-export
import { person } from './person'

【讨论】：