详解Vue取消eslint语法限制
网络编程 2021-07-04 16:46www.168986.cn编程入门
本篇文章给大家分享了Vue取消eslint语法限制的相关知识点内容,有兴趣的朋友们可以参考学习下。
由于vue对语法的限制过于严格,以至于在我第一次编译运行的时候一直编译失败,也包括一些警告
➜ my-project npm run dev > bblee-app@1.0.0 dev /Users/bianlifeng/my-project > webpack-dev-server --inline --progress --config build/webpack.dev.conf.js 95% emitting WARNING Compiled with 1 warnings 5:00:12 PM ✘ http://eslint./docs/rules/indent Expected indentation of 0 spaces but found 2 src/ponents/Message.vue:46:1 export default { ^ ✘ http://eslint./docs/rules/indent Expected indentation of 2 spaces but found 4 src/ponents/Message.vue:47:1 data() { ^ ✘ http://eslint./docs/rules/space-before-function-paren Missing space before function parentheses src/ponents/Message.vue:47:9 data() { ^ ✘ http://eslint./docs/rules/indent Expected indentation of 4 spaces but found 6 src/ponents/Message.vue:48:1 return { ^ ✘ http://eslint./docs/rules/indent Expected indentation of 6 spaces but found 8 src/ponents/Message.vue:49:1 form: { ^ ✘ http://eslint./docs/rules/indent Expected indentation of 8 spaces but found 10 src/ponents/Message.vue:50:1 name: '', ^ ✘ http://eslint./docs/rules/indent Expected indentation of 8 spaces but found 10 src/ponents/Message.vue:51:1 region: '', ^ ✘ http://eslint./docs/rules/indent Expected indentation of 8 spaces but found 10 src/ponents/Message.vue:52:1 date1: '', ^ ✘ http://eslint./docs/rules/indent Expected indentation of 8 spaces but found 10 src/ponents/Message.vue:53:1 date2: '', ^ ✘ http://eslint./docs/rules/indent Expected indentation of 8 spaces but found 10 src/ponents/Message.vue:54:1 delivery: false, ^ ✘ http://eslint./docs/rules/indent Expected indentation of 8 spaces but found 10 src/ponents/Message.vue:55:1 type: [], ^ ✘ http://eslint./docs/rules/indent Expected indentation of 8 spaces but found 10 src/ponents/Message.vue:56:1 resource: '', ^ ✘ http://eslint./docs/rules/indent Expected indentation of 8 spaces but found 10 src/ponents/Message.vue:57:1 desc: '' ^ ✘ http://eslint./docs/rules/indent Expected indentation of 6 spaces but found 8 src/ponents/Message.vue:58:1 } ^ ✘ http://eslint./docs/rules/indent Expected indentation of 4 spaces but found 6 src/ponents/Message.vue:59:1 } ^ ✘ http://eslint./docs/rules/indent Expected indentation of 2 spaces but found 4 src/ponents/Message.vue:60:1 }, ^ ✘ http://eslint./docs/rules/indent Expected indentation of 2 spaces but found 4 src/ponents/Message.vue:61:1 methods: { ^ ✘ http://eslint./docs/rules/indent Expected indentation of 4 spaces but found 6 src/ponents/Message.vue:62:1 onSubmit() { ^ ✘ http://eslint./docs/rules/space-before-function-paren Missing space before function parentheses src/ponents/Message.vue:62:15 onSubmit() { ^ ✘ http://eslint./docs/rules/indent Expected indentation of 6 spaces but found 8 src/ponents/Message.vue:63:1 console.log('submit!'); ^ ✘ http://eslint./docs/rules/indent Expected indentation of 4 spaces but found 6 src/ponents/Message.vue:64:1 } ^ ✘ http://eslint./docs/rules/indent Expected indentation of 2 spaces but found 4 src/ponents/Message.vue:65:1 } ^ ✘ http://eslint./docs/rules/indent Expected indentation of 0 spaces but found 2 src/ponents/Message.vue:66:1 } ^ ✘ 23 problems (23 errors, 0 warnings) Errors: 21 http://eslint./docs/rules/indent 2 http://eslint./docs/rules/space-before-function-paren You may use special ments to disable some warnings. Use // eslint-disable-next-line to ignore the next line. Use / eslint-disable / to ignore all warnings in a file.
,这里的警告我是知道怎么回事,这个错误我就很不明白了,原来eslint是一个语法检查工具,限制很严格,在我的vue文件里面很多空格都会导致红线(红线可以关闭提示),虽然可以关闭,在编译的时候老是会跳出来,所以能关闭是最好的了。
关闭方法
在build/webpack.base.conf.js文件中,注释或者删除掉module->rules中有关eslint的规则
module: { rules: [ //...(config.dev.useEslint ? [createLintingRule()] : []), // 注释或者删除 { test: /\.vue$/, loader: 'vue-loader', options: vueLoaderConfig }, ... } ] }
然后重新运行一下npm run dev或者构建命令 npm run build就可以啦。
编程语言
- 宿迁百度关键词排名指南:实现精准营销的关键
- 四川SEO优化怎么做网络推广
- 立昂技术备案老域名收购:如何为您的业务赋能
- 安徽百度关键词seo贵不贵,一般需要多少钱
- 吉林百度快照排名怎么做电话营销
- 多伦新手做SEO怎么做
- 甘肃优化关键词排名推广怎么做论坛营销
- 沙雅SEO网站推广:提升您的在线可见性
- 四川SEO优化如何提升销售额和销售量
- 聂荣网站排名优化:提升网站可见性的全方位指
- 涞水SEO:提升地方企业在线可见性的策略
- 辽宁百度seo排名怎样做网站排名
- 临湘哪有关键词排名优化:提升网站可见度的关
- 黑龙江百度网站优化有没有优惠
- 凉城优化关键词排名推广:提升您的网络可见性
- 萝北整站优化:提升您网站流量和排名的全面指