关于ESLint报错的语法问题
开头多说一句我觉得直接关掉ESLint还是不妥的,有的时候还是能起到提醒的作用,接下来跟大家说说,如何选择关掉ESLint奇葩的语法报错
例如:
这个是没有问题的代码
import Vue from 'vue'
import App from './App'
new Vue({
el: '#app',
components: {
App
},
template: '<App/>'
})
它会报这个错误让你把这个对象接收起来
解决方案:
1·这里我们找到根目录下的eslintrc.js
2·找到ruler:ps这是我自己的ESLint配置(也是比较常见的几种ESLint奇葩的语法报错吧)
rules: {
// allow async-await
'generator-star-spacing': 'off',
// allow debugger during development
'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
'no-new': 'off',
'indent': 'off',
'spaced-comment':'off',
'block-spacing':'off',
'space-before-function-paren':'off'
}
3·根据报错的链接
http://eslint.org/docs/rules/no-new
可以看到这个链接的’no-new’就是rules的一个属性,不需要的话就设置成off就可以关闭这个检查
4·最后一件事
因为我们改的是项目的配置文件一定要重新运行一遍代码,npm run dev
这样就可以舒服运行了!
有什么问题或者我说的不清楚的,评论区留言(关于前端别的问题可以私信我)