More than 1 year has passed since last update.

ES Lint がJSのimportを勝手に削除するのを止める方法

Posted at 2022-11-07

症状

Nuxtのpluginsを利用し、

import {foo} from foofoo;
// 保存すると、import from foofoo; になってしまう

と記述しても、ESLintの不要なimportを自動削除(整形)するオプションがONになっていると消されてしまいます。

普段は良いのですが、pluginのようにimport関連だけ記述しておきたいような場合には非常に邪魔で、保存できなくなります。

VSCodeの拡張機能のESLintの設定を変更します。
ESLintのsettings.json内に

"editor.codeActionsOnSave"

という項目があるはずです。

そこで

"source.organizeImports": false,

と記述し、importの整形をオフにします。

これで完了です。