VS Code vue里面使用less出现红色波浪线语法错误，但可以正常运行

liyouxiu96 2020-06-12 09:22:49

在vue组件里使用了less语法

此时出现红色波浪线语法错误

尝试一
settings.json中设置 "eslint.enable": false
失败

尝试二
安装vue的插件，改文件输入类型

成功

...全文

2748 2 打赏收藏转发到动态举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

依依凰荷 2020-06-18

打赏
举报

回复 1

是不是没有设置style的lang属性，给他加一个lang="less"，应该就可以了

昭慕遥遥 2022-09-18

举报

回复

@依依凰荷设置了还是不行

vue文件写less样式可以编译，但是会有红色波浪线报错解决：1.右下角语言模式改为vue，若没有下载vetur扩展插件

vscode里使用less出现红色波浪线,语法无法高亮问题

问题描述如果单纯修改file-association为vue,那么html的标签自动补齐功能就没有了. 如果单纯修改file-association为html,那么使用less或者sass语法的时候会出现红色波浪线,虽然不影响编译,但是看着不舒服解决方法配置file-association为html 将html.validate.styles设置为false 操作步骤 ctrl+,快捷键打开设置页面,点击右上角这个按钮打开setting.json 在配置文件中加上如下代码,可以开启html

主要问题是vscode的语言模式识别问题。 1.无高亮可能是纯文本模式，右下角有个纯文本样式，点击后选择html即可。缺点是只生效一次，下次依然需要重新自己设置 2.less红色波浪线设置为html后，发现css样式总有红色波浪线。总结：语言模式选择： .vue的配置文件关联--选择vue。则以后会每次都自动匹配vue模式，一劳永逸。 ...

（代码提示：Typo: In word ‘onreadystatechange’ less… (Ctr|+F1) Spellchecker inspection helps locate typos and misspelling in your code, comments and literals, and fix them in one click.）如下情况：代码中的对象函数onreadystatechange下方出现蓝色波浪线，但是代码运行结果正确。。。解决办法：找到setting–&g

61,128

社区成员

60,711

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章