Css 元素$variable在Sass PhpStorm中仅按名称解析,不使用显式
我是Sass(SCSS)的新手。在Sass中,我遵循Css 元素$variable在Sass PhpStorm中仅按名称解析,不使用显式,css,sass,phpstorm,Css,Sass,Phpstorm,我是Sass(SCSS)的新手。在Sass中,我遵循7-1模式,目前我使用Phpstorm作为IDE 我将我所有的.scss文件导入一个名为main.scss文件的主文件中 问题 我在\u variables.scss文件中定义了颜色变量,但当我在其他.scss文件中使用它时,PhpStorm会给出如下错误 元素“水平边沟”(变量名)仅按名称解析,不使用显式导入更多 我也给我的IDE截图,所以,你们知道我的文件夹结构 我检查了所有的互联网,但我找不到任何解决方案,这不是重复的问题,这个ok 但
7-1模式
,目前我使用Phpstorm作为IDE
我将我所有的.scss
文件导入一个名为main.scss
文件的主文件中
问题
我在\u variables.scss
文件中定义了颜色变量,但当我在其他.scss文件中使用它时,PhpStorm会给出如下错误
元素“水平边沟”(变量名)仅按名称解析,不使用显式导入更多
我也给我的IDE截图,所以,你们知道我的文件夹结构
我检查了所有的互联网,但我找不到任何解决方案,这不是重复的问题,这个ok
但是
当我在我的scss文件中导入我的\u variables.scss
时,错误消失了
问题:
那么,我需要在我的所有scss文件中导入vaiables.scss
,还是我做错了什么
我不明白这个问题是从哪里来的?Sass还是PhpStorm
变量。scss
// COLORS
$color-primary: #55c57a;
$color-primary-light: #7ed56f;
$color-primary-dark: #28b485;
$color-gray-dark: #777;
$color-black: #000;
$color-white: #fff;
// GRID
$grid-width: 114rem;
$gutter-vertical: 8rem;
$gutter-horizontal: 6rem;
@charset "UTF-8";
@import 'abstracts/variables';
@import 'abstracts/functions';
@import 'abstracts/mixins';
@import 'base/animations';
@import 'base/base';
@import 'base/typography';
@import 'base/utilities';
@import 'components/buttons';
@import 'layout/header';
@import 'layout/grid';
@import 'pages/home';
main.scss
// COLORS
$color-primary: #55c57a;
$color-primary-light: #7ed56f;
$color-primary-dark: #28b485;
$color-gray-dark: #777;
$color-black: #000;
$color-white: #fff;
// GRID
$grid-width: 114rem;
$gutter-vertical: 8rem;
$gutter-horizontal: 6rem;
@charset "UTF-8";
@import 'abstracts/variables';
@import 'abstracts/functions';
@import 'abstracts/mixins';
@import 'base/animations';
@import 'base/base';
@import 'base/typography';
@import 'base/utilities';
@import 'components/buttons';
@import 'layout/header';
@import 'layout/grid';
@import 'pages/home';
不,你做得对。有一个main.scss文件,并确保您的变量是您导入的第一件事(否则您将在其他文件中遇到未定义的变量问题)。您不需要为每个文件重新导入变量,只要它们都包含在main.scss文件中 我通常忽略此PhpStorm错误,或者您可以将其关闭:
- 转到
->文件
设置
->编辑器
在左面板中检查
在右侧面板中Sass/SCSS
- 取消选中仅按名称解析的
\u variables.scs
中的变量将通过main.scss
在\u grid.scss
中使用(因为它是间接使用的)。您可以在此评论中阅读更多内容:。正如Mikepote提到的,检查可以被禁用。兄弟,你太棒了。@NishargShah愉快:)为我工作,tnx