2017-04-24 72 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