2020年4月へ

Vue.js 苦戦中

公開日：

最終更新日：

要約

Vue.jsの開発中に「is defined but never used」というコンパイルエラーに直面し、外部ファイルから読み込んだinterfaceが使われていないと誤判定され苦戦。調査の結果、eslint-loaderの不足が原因であることが分かり、npmでeslint-loaderをインストール後、ビルドエラーが解消。問題は解決したものの、完全に納得はいっていない様子を綴ります。

  • Vue.js
  • コンパイルエラー
  • eslint-loader
  • npm
  • JavaScript開発
  • フロントエンド
  • 開発環境設定
  • TypeScript
  • プログラミング
  • トラブルシューティング

{variable} is defined but never used

色々な「アカウント」を複数利用していると、自分自身がどこにいるのか分からなくなります。

Vue.js でここのところ、こういったコンパイルエラーが出て、作業ができなくなることが多々あり。外部ファイルから interface を読み込んで使っているのですが、使われていないと判断されて、どうしたもんやらと頭を抱えていました。

色々とググったところ次の記事を発見。

Module Error (from ./node_modules/eslint-loader/index.js)ってエラーが出たのですが、これで解消されました。

npm i eslint-loader@2.1.2

Module Error (from ./node_modules/eslint-loader/index.js)

嘘でしょ？

自分のプロジェクトのpackage.jsonをみると、たしかに、”eslint-loader”がない！

略・・・
    "babel-eslint": "^10.0.3",
    "chai": "^4.1.2",
    "eslint": "^6.7.2",
    "eslint-plugin-vue": "^6.1.2",
    "node-sass": "^4.13.1",
略・・・

そこで、半信半疑でパッケージインストールのコマンドを打つ。

% npm i -D eslint-loader
+ eslint-loader@4.0.0
added 7 packages from 5 contributors, updated 2 packages and audited 37691 packages in 6.869s

49 packages are looking for funding
  run `npm fund` for details

found 0 vulnerabilities

これで、一旦、サーバーを落として再起動。

Vue-cli のプロジェクトをビルドすると、エラーなく、コンパイル完了。

なんか、（全く）しっくりこないですが、問題をクリアできたようです。