节点无效无法识别所有@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