javascript - ESLINT 导出声明引起问题

Question

我有一个 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 抛出了一个错误并向我显示了以下链接:

https://github.com/benmosher/eslint-plugin-import/blob/v2.18.0/docs/rules/prefer-default-export.md

我发现下面一行让错误消失了:

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

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

Answer 1

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

import person from './person'

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

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