デフォルトのエクスポートを許可しないようにESLintを設定する方法

Question

私はかなりの間、WebとStackOverflowを検索してきましたが、成功しませんでした。私はESLintを持って何をしようとしている

はエラーとして次のようにマークを付ける：

export default ...; 

defaultは、ここで重要なことで。これまでのところ、私が得たベストは、eslint-plugin-importプラグインへの参照と、目標にもっと近づけることのできるルールのいくつか、すなわちno-anonymous-default-exportルールです。しかし、たとえこのルールを次のデフォルトの輸出が有効になります：

const foo = 123 
export default foo 

export default class MyClass() {} 

export default function foo() {} 

私はこれら4つもエラーと見なされるようにESLintを設定するにはどうすればよいですか？

Answer 1

no-restricted-syntax ruleでこれを行うことができます。 （あなたが最初のオプションで、「モジュール」に「ソースタイプ」を変更する必要があります）、それを試してみdemoでこれを貼り付けてみてください。

/* eslint "no-restricted-syntax": ["error", { 
    "selector": "ExportDefaultDeclaration", 
    "message": "Prefer named exports" 
    }] */ 
export default class Foo { } // 5:1 - Prefer named exports (no-restricted-syntax)