如何使用 React 教程修复流星中的 eslint 错误

Question

我关注了 meteor tutorial, and when I finished I've decided to install eslint。现在我看到

Prefer default export import/prefer-default-export

对于此行：imports/api/tasks.js 文件中的 export const Tasks = new Mongo.Collection('tasks');。它还包含一些 Meteor 方法。这是完整的源代码：tasks.js.

我正试图解决这个问题，例如。

const Tasks = new Mongo.Collection('tasks');
export { Tasks as default };

但是浏览器停止渲染视图。这是 server/main.js 内容，它导入 tasks.js:

import '../imports/api/tasks.js';

如何在不破坏应用程序功能的情况下修复 lint 错误？

Answer 1

您可以将 .eslintrc 文件添加到您的项目根目录并调整规则：

{"rules": {"import/prefer-default-export": ["off"]}}

更新:

如果你想保留规则，那么你需要导出 Tasks 作为默认值，如下所示：

const Tasks = new Mongo.Collection('tasks');
export default Tasks;

现在您必须将其余代码库中的所有 imports 从命名导入更改为默认导入。命名的导入看起来像这样

import { Tasks } from '/imports/api/tasks';

参见例如here，而新的默认导入必须如下所示

import Tasks from '/imports/api/tasks';

这应该可以做到。让我知道它是否适合你。

How to fix eslint errors in meteor with react tutorial