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

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

图片描述

阅读 14.6k
9 个回答

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

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

点右下角的小人头那里

图片描述

然后选Configure inspections

图片描述

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

图片描述

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

错误内容是什么?

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

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

新手上路,请多包涵

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏