webstrom 中 vue 文件的 scss 语法提示问题

发布于 2022-09-04 18:27:55 字数 243 浏览 20 评论 0

在webstrom 运作vue,
在写 scss 的时候老提示红色错误,但项目能正常运行。
sass-loader也装了。
webstrom 也修改了配置还是不行。
有知晓的童鞋请指点一二。

图片描述

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(9

-黛色若梦 2022-09-11 18:27:55

我是这样解决的:添加 type="text/scss"
google到的 不知道原理 但是解决了

如若梦似彩虹 2022-09-11 18:27:55

在 style 标签上加上 rel="stylesheet/scss" 试试
即——
<style lang="less" rel="stylesheet/scss">

心是晴朗的。 2022-09-11 18:27:55

点右下角的小人头那里

图片描述

然后选Configure inspections

图片描述

把不需要的语法检查的勾去掉就好了

图片描述

冷情 2022-09-11 18:27:55

我的是分号后面嵌套了偶尔会有,由它去了。

铁憨憨 2022-09-11 18:27:55

错误内容是什么?

我感觉,可能是因为在 HTML 中写了 SCSS导致的。。如果你把文件分开成单独的 .scss 文件应该就不会报错了吧。。毕竟 SCSS 这类的都是需要编译的

另外,理论上 SASS 的插件也应该是按照扩展名去找 .scss.sass 文件

还如梦归 2022-09-11 18:27:55

ws 版本2017.1.1,
<style lang="scss" type="text/scss" scoped>
用的这一句,测试编译正常,语法也没提示错误
图片描述

峩卟喜欢 2022-09-11 18:27:55

没用过webstorm ,我用的sublime text3,,,

七堇年 2022-09-11 18:27:55

楼上答案正确,但是没解决@import 引入的scss的提示

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文