Eslint 常见Error

1,187 阅读1分钟

1、 在 new Vue 在ESLint报错 Do not use 'new' for side effects

方法一

在new Vue上加/* eslint-disable no-new */

这句注释可以绕过规则检测

/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  components: { App },
  template: '<App/>'
})

方法二

let vm = new Vue({
  router,
  el: '#app',
  render: h => h(App)
})

Vue.use({
  vm
})

2、 Prefer default export import/prefer-default-export

原来

export function helloworld() {
  return 'Hello world!';
}

解决方法:当输出只有一个变量时,需要添加default

export default function helloworld() {
  return 'Hello world!';
}

3、如何忽略文件的检测

比如引入了字体库,需要忽略检测,则配置如下:

.eslintignore文件

/src/assets/font

3、 Missing semicolon 错误的处理方法

export default {
    name: 'app',
    data() {
        return {
            logo: logo
        }
    },
    created() {
        console.log(sayBye());
    }
}

// 语句后面增加分号即可
export default {
    name: 'app',
    data() {
        return {
            logo: logo
        };
    },
    created() {
        console.log(sayBye());
    }
};