question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Problem: airbnb rules don't work with eslint-plugin-vue

See original GitHub issue

Tell us about your environment

  • ESLint Version: 4.12.0
  • eslint-plugin-vue Version: 3.11.0
  • Node Version: 8.9.1

Please show your full configuration:

module.exports = {
  root: true,
  parserOptions: {
    parser: 'babel-eslint',
    sourceType: 'module'
  },
  env: {
    browser: true,
  },
  extends: [
    'plugin:vue/essential',
    'airbnb-base'
  ],
  // required to lint *.vue files
  plugins: [
    'html'
  ],
......
}

What did you expect to happen? Show warnings about no-console to keep track of them to clean up later

What actually happened? Please include the actual, raw output from ESLint. Don’t show any error of airbnb eslint base

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Comments:5 (2 by maintainers)

github_iconTop GitHub Comments

9reactions
mysticateacommented, Nov 28, 2017

Thank you for this issue.

Please remove HTML plugin:

module.exports = {
  root: true,
  parserOptions: {
    parser: 'babel-eslint',
    sourceType: 'module'
  },
  env: {
    browser: true,
  },
-  // required to lint *.vue files
-  plugins: [
-    'html'
-  ],
......
}
0reactions
jasonxia23commented, Jan 9, 2018

@lyyourc

It tries to parse the vue (html) file with the Babylon (javascript) parser which doesn’t work. The vue file support has not yet landed in prettier (we will do a release on Wednesday), so until then it’s not going to work.

https://github.com/prettier/prettier/issues/2097

Read more comments on GitHub >

github_iconTop Results From Across the Web

Correctly setup Eslint Airbnb with VScode in Vue project
My goal is to format my Vuejs code with Eslint Airbnb rules. When I save the code. Right now it mess the code....
Read more >
How to import linting rules from eslint-plugin-vue
I am currently using eslint-plugin-vue for linting of Vue application. But there is no set of JSON rules configuration file which I can...
Read more >
@vue/eslint-config-airbnb-with-typescript - npm package | Snyk
This config is specifically designed to be used by @vue/cli & create-vue setups and is not meant for outside use (it can be...
Read more >
Available rules - eslint-plugin-vue
Rule ID Description vue/multi‑word‑component‑names require component names to be always multi‑word... vue/no‑arrow‑functions‑in‑watch disallow using arrow functions to define watcher... vue/no‑computed‑properties‑in‑data disallow accessing computed properties in data...
Read more >
Configuration Files - ESLint - Pluggable JavaScript Linter
You can put your ESLint project configuration in a configuration file. You can include built-in rules, how you want them enforced, plugins with...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found