node-sass无法识别所有@import

Question

我开始将我的sass代码组织到文件夹中。我最初使用的是main.scss，我的文件夹结构如下：

​

我能够成功地将变量剪切并粘贴到abstracts/_variables.scss文件中，并将基本代码粘贴到base/_base.scss文件中，然后将它们导入到我的main.scss中

@import 'abstracts/functions';
@import 'abstracts/mixins';
@import 'abstracts/variables';

@import 'base/animations';
@import 'base/base';
@import 'base/typography';
@import 'base/utilities';

@import 'components/button';

@import 'pages/home';

但是，其余的不能成功导入。我想知道我的node-sass脚本是否有问题：

"scripts": {
    "compile:sass": "node-sass sass/main.scss css/style.css -w"
  },

不确定为什么我的两个sass文件成功导入，而其余的不能。

Answer 1

让我们试试这个，我知道如果你设置正确的话，4.5.3版可以工作。因此，请使用以下命令卸载node-sass：

npm uninstall node-sass --save-dev

然后，使用安装版本4.5.3；

npm install node-sass@4.5.3 --save-dev