javascript - 如何使用 React 教程修复 Meteor 中的 eslint 错误

Question

我关注了meteor tutorial ，当我完成后，我决定安装 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 };

但随后浏览器停止渲染 View 。这是 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;

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

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

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

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

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