potentially fixable with the `--fix` option

vue.js eslint nuxt.js
Ricardo Moreira picture Ricardo Moreira · Jan 13, 2019 · Viewed 40.7k times · Source

I am creating a app with nuxt.js but everytime I launch the app, gives me the error of eslint and saying "potentially fixable with the --fix option."

I did the command npm run lint -- --fix and it works but then If I do another change in any vue file it comes again the same error and I have to do it again

Any idea of how to fix that?

Answer

Md Mahamudul Hasan picture Md Mahamudul Hasan · Jan 16, 2019

Use the configuration below into nuxt config file:

 build: {
      extend(config, ctx) {
        config.module.rules.push({
          enforce: 'pre',
          test: /\.(js|vue)$/,
          loader: 'eslint-loader',
          exclude: /(node_modules)/,
          options: {
            fix: true
          }
        })
    }
  }

Important part is:

options: {
  fix: true
}

Related questions

Props should at least define their types

<template> <div v-editable="blok" class="util__flex"> <component v-for="blok in blok.columns" :key="blok._uid" :blok="blok" :is="blok.component"/> </div> </template> <script> export default { props: ['blok'] } &…

Read More
How to disable eslint rule max line length for paragraph in <template> of vue.js?

I am using airbnb eslint and currently I am getting error: error: Line 6 exceeds the maximum line length of 100 (max-len) at path/to/file.vue:6:1: <template lang="pug"> div .container .row .col-xl-10.mx-auto p Please let us know …

Read More
How disable eslint warning for a specific line in a template in a .vue file in VS Code

I would like to dismiss this error on my vue file I am trying to add this processor line <!-- eslint-disable-next-line vue/no-use-v-if-with-v-for --> and <!-- eslint-disable-next-line vue/no-confusing-v-for-v-if --> but neither Nor dismiss the eslint …

Read More