4

我正在使用带有 SASS 的 Parcel，并且正在尝试使用material-components-web (MDC Web)。

在 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.

那么我该如何解决这个问题呢？

4

1 回答 1

2

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

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

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

你可以参考这个

我希望这个答案有帮助。

于 2020-04-26T15:25:12.353 回答