材质图片列表错误:@import "@material/feature-targeting/functions";

Cha*_*har 5 sass angular material-components-web

我想在我的 Angular 项目中使用 mdc-image-list。我收到一个错误:

@import "@material/feature-targeting/functions";
       ^
      Can't find stylesheet to import.
   ?
21 ? @import "@material/feature-targeting/functions";
   ?         ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
   ?
  node_modules/@material/image-list/_mixins.scss 21:9         @import
  node_modules/@material/image-list/mdc-image-list.scss 21:9  @import
  stdin 2:9                                                   root stylesheet
Run Code Online (Sandbox Code Playgroud)

我按照https://material.io/develop/web/components/image-lists/的安装步骤操作,但我仍然收到此错误。我尝试再次删除node_modules和 npm 安装。我不确定我的 sass-loader 是否有问题,因为我使用了 Material 的布局网格,导入了@import "@material/layout-grid/mdc-layout-grid";它并且工作正常。什么可能出错?

小智 1

您需要在材料的node_modules中的每次导入之前添加~,这样就可以了@import "@material/feature-targeting/functions";

成为~@material/feature-targeting/functions" 并在编译器显示此错误时执行此操作