如何使用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';

這應該做。 請讓我知道這對你有沒有用。