Vue.js 苦戦中

{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 のプロジェクトをビルドすると、エラーなく、コンパイル完了。

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

---