宗地+ SASS:从没有波浪号运算符的node_modules导入?还是其他?

我正在使用带有SASS的包裹,并且正在尝试使用material-components-web (MDC网站)。

在MDC Web指南中,他们说您应该在样式表中导入此包随附的模块:

@import "@material/textfield/mdc-text-field";

但是当我尝试此操作并运行包裹时,出现以下错误消息:

Can't find stylesheet to import.
  ╷
2 │ @import "@material/textfield/mdc-text-field";
  │         ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
  ╵
  main.scss 2:9  root stylesheet
Error: Can't find stylesheet to import.

因此,当我使用波浪号运算符将行更改为以下内容时

@import "~@material/textfield/mdc-text-field";

它找到要导入的样式表,但是在nodes_modules内引用的样式表mdc-text-field尝试在不使用波浪号运算符的情况下加载其他样式表,因此出现了另一个错误,如下所示:

 Can't find stylesheet to import.
   ╷
23 │ @import "@material/animation/variables";
   │         ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
   ╵
  node_modules\@material\textfield\mdc-text-field.scss 23:9  @import
  main.scss 2:9                                              root stylesheet
Error: Can't find stylesheet to import.

那我该如何解决这个问题?

woaiyuanyuan 回答:宗地+ SASS:从没有波浪号运算符的node_modules导入?还是其他?

创建一个.sassrc.js文件并添加以下行。

const path = require('path')
const CWD = process.cwd()

module.exports = {
  "includePaths": [
    path.resolve(CWD,'node_modules')    
  ]
}

您可以参考this

我希望这个答案有帮助。

本文链接:https://www.f2er.com/2841221.html

大家都在问