IOS美区账号微信: springsunshine2017

前端技术 · 2020年5月13日 0

解决vs code打开Vue代码,控制台很多报错,代码中各种红色的波浪线问题

今天使用VScode打开前端时间创建的一个demo项目,然后返现控制台问题选项卡中几百个报错,然后再打开文件,密密麻麻的红色的波浪线,有以下提示:

More than 1 blank line not allowed.eslint(indent) [66,1]
Strings must use singlequote.eslint(indent) [66,1]
Unexpected trailing comma.eslint(indent) [66,1]
Expected indentation of 10 spaces but found 12.eslint(indent) [66,1]
Extra semicolon.eslint(indent) [66,1]

看到报错提示中含有eslint关键字,所以很容易联想到vue的严格校验模式,然后立马想到在webpack配置中关闭严格校验模式:config–index.js dev.useEslint 改为false,然后重启,但是开心的发现vscode中的报错依然存在,到底是怎么回事呢?

换个思路,vue中的eslint应该是运行项目的时候才会报错,现在还没有运行就报错了,显然不是vue中的问题,所以,问题应该出现在vscode的eslint插件上。既然找到了问题解决就简单了

打开vscode,点击文件,首选项,设置,然后在页面的输入框中搜索eslint.enable,然后关闭即可

最后,问题解决了,哈哈

以上就是vs code打开Vue代码,控制台很多报错,代码中各种红色的波浪线问题的解决方案,欢迎交流哦