NEW ARTICLE
EXCEL 取り消し線を引くショートカットキー
  1. HOME
  2. Vue.js
  3. Vue.js Module Error (from ./node_modules/eslint-loader/index.js): error: Unexpected console statement (no-console)が発生した場合の対処法

Vue.js Module Error (from ./node_modules/eslint-loader/index.js): error: Unexpected console statement (no-console)が発生した場合の対処法

Vue.js Module Error (from ./node_modules/eslint-loader/index.js): error: Unexpected console statement (no-console)が発生した場合の対処法

vue.jsをdefult設定でインストールしていると、eslintもインストールしているため、consoleを利用すると上記エラーが発生します。

目次

環境

  • OS  CentOS 8.0.1905 (Core)
  • node v12.13.1
  • npm 6.13.2
  • @vue/cli 4.1.1

※CentOS8にVue.jsの環境構築はこちら

原因

ESLintのno-consoleルール設定がerrorに設定されているため発生

対処法

package.json内に”no-console”: “warn”を追加すればエラーは表示されなくなります。

"eslintConfig": {
    "root": true,
    "env": {
      "node": true
    },
    "extends": [
      "plugin:vue/essential",
      "eslint:recommended"
    ],
    "rules": {
      "no-console": "warn"
    },
    "parserOptions": {
      "parser": "babel-eslint"
    }
  },