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

Question

我遵循了流星教程 ，当我完成后，我决定安装eslint 。 现在我明白了

首选默认导出导入/首选默认默认导出

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

我试图解决这个问题。 与

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

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

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

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

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

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

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

这应该做。 请让我知道这对你有没有用。