ES2015に存在しない名前のインポートを防止するにはどうすればよいですか？

Question

/* index.js */ 
import { React } from 'react'; 
import { USER, ORDER } from './StaticVariable'; 
class AgentList extends React.Component { 
    render() { 
    const useInfo = USER; 
    const orderId = ORDER; 
    return <Info useInfo={useInfo} orderId={orderId} /> 
    } 
} 

/* StaticVariable.js */ 
export const ORDER = 12347600; 

babel-loaderはエラーをスローしません。そして、このページはコンソールエラーでもありません。 定義されていないモジュールまたは変数のインポートを避けるにはどうすればよいですか？ eslintを使用しますか？

Answer 1

このeslintプラグインは、必要なものを正確に実行します：eslint-plugin-import。あなたはそれをインストールすることができ

：

npm install eslint-plugin-import -g 

そして.eslintrcにプラグインを設定：

{ 
    ... 
    "extends": [ 
    ... 
    "plugin:import/errors", 
    "plugin:import/warnings" 
    ], 
    "plugins": [ "import" ], 
    "rules": { 
    "import/named": 2, 
    "import/default": 2 
    ... 
    } 
} 

あなたが使用する必要があるルールは以下のとおりです。

は、名前の輸入は名前の輸出に対応して確認してくださいリモートファイルに保存します。 （named）

デフォルトのインポートがある場合、デフォルトのエクスポートが存在することを確認します。 （default）