2017-04-24 66 views
0

我跟着meteor tutorial,当我完成后我决定安装eslint。 现在我看到如何解决流星中的eslint错误与反应教程

身高默认的导出导入/喜欢默认的出口

这条线:export const Tasks = new Mongo.Collection('tasks');imports/api/tasks.js文件。它也包含一些Meteor方法。这里是完整的源代码:tasks.js

我试图解决这个例如。与

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

但是,然后浏览器停止渲染视图。 这里是server/main.js内容,其中进口tasks.js

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

如何解决皮棉错误不会破坏应用程序的功能?

回答

1

你可以一个.eslintrc文件添加到您的项目的根和适应规则:

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

UPDATE

如果你想保留的规则,然后你需要出口Tasks作为默认像这样:

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

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

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

参见例如, here,而新的默认导入有,看起来像这样

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

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

+0

这是一个选项(+1),但我更愿意遵循此规则。 – Rumid

+0

我错误地假设'任务'只在'main.js'中导入。在App.jsx中更改它后,它正确呈现并且不存在绒毛问题。 – Rumid

+0

很酷,很高兴它适合你。 – tomsp