2
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

'el' is defined but never used no-unused-vars...のエラー解決方法。

Last updated at Posted at 2022-01-15

Vue.jsでVue CLIを使った環境で学習していて、
npm run serveでサーバー立ち上げた際に問題が起こりました。

kushiyama_makoto@MakotonoMacBook-Air udemy-vuejs4 % npm run serve

> udemy-vuejs4@0.1.0 serve
> vue-cli-service serve

 INFO  Starting development server...
98% after emitting CopyPlugin

 ERROR  Failed to compile with 1 error                                                                                                               14:40:38

 error  in ./src/App.vue

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

/Users/kushiyama_makoto/udemy-vuejs4/src/App.vue
   75:19  error  'el' is defined but never used    no-unused-vars
   89:18  error  'el' is defined but never used    no-unused-vars
   92:22  error  'el' is defined but never used    no-unused-vars
   95:19  error  'el' is defined but never used    no-unused-vars
  109:18  error  'el' is defined but never used    no-unused-vars
  112:22  error  'el' is defined but never used    no-unused-vars
  119:1   error  Irregular whitespace not allowed  no-irregular-whitespace

✖ 7 problems (7 errors, 0 warnings)


 @ ./src/main.js 6:0-28 10:13-16
 @ multi (webpack)-dev-server/client?http://192.168.11.4:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

スクリーンショット 2022-01-15 15.04.16.png

「elが定義されてるけど、一度も使用されてない???」
ちょっとよくわからないので、しばらくググってましたが時間だけが過ぎました。(土日だけ勉強に当ててるので、1週間くらいかかりました。意味わからんくて寝込みました。)

ただある日、記事にたどり着いいたので紹介します。こちらです。
https://qiita.com/Nelson605/items/8b1a4cefef7a84a0dec0

こちらに記述されている部分のどこかのファイルに記述するのかな(おそらくjsonファイルかな)。。。
さらにこちらのstackOverFlowの記事にさらに細かくありました!!
https://stackoverflow.com/questions/61874994/vue-disable-no-unused-vars-error-the-simplest-fix

スクリーンショット 2022-01-15 15.02.31.png

やはりpakage.jsonに追記するみたいです。
実際に追加しました。

スクリーンショット 2022-01-15 15.07.58.png

動いた!!!

スクリーンショット 2022-01-15 15.09.36.png

スクリーンショット 2022-01-15 15.12.26.png

因みに、このような記事もありました。
https://qiita.com/blajir/items/82127aaa57e4d73a8389

原因は、
JavaScriptの構文チェックツールが動いたからですかね。
なので、今回の対応はチェックツールのno-unused-varsを無効することによってエラーを解消したようです。

※追記
普通にpackage.jsonにrulesの項目あるのでここ(下記のスクショ)に追加でよかったみたいです。。。。
スクリーンショット 2022-01-15 15.51.30.png

2
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?