Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 元素$variable在Sass PhpStorm中仅按名称解析,不使用显式_Css_Sass_Phpstorm - Fatal编程技术网

Css 元素$variable在Sass PhpStorm中仅按名称解析,不使用显式

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 但

我是Sass(SCSS)的新手。在Sass中,我遵循
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
    在右侧面板中
  • 取消选中仅按名称解析的

忽略PHPStormany特定原因导致的错误?这只是为了让您知道。只要你没有从SCS得到真正的错误,你就可以继续。如果您使用像vscohk这样的编辑器,错误就不存在了,所以我在phpstorm中解决该错误的方法是忽略?IDE不知道
\u variables.scs
中的变量将通过
main.scss
\u grid.scss
中使用(因为它是间接使用的)。您可以在此评论中阅读更多内容:。正如Mikepote提到的,检查可以被禁用。兄弟,你太棒了。@NishargShah愉快:)为我工作,tnx