potentially fixable with the `--fix` option

Question

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 1

Use the below configuration 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 } 

Answer 2

Extend the build in the nuxt.config.js file

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