Angular 为什么mdc顶部应用程序栏未显示正确的mdc

Angular 为什么mdc顶部应用程序栏未显示正确的mdc,angular,material-design,Angular,Material Design,你能告诉我哪里出错了吗。我想用,但不行 我的模块结构:.html、.scss、.ts、.spec header.component.html <header class=" mdc-top-app-bar"> <div class="mdc-top-app-bar__row"> <section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-start">

你能告诉我哪里出错了吗。我想用,但不行

我的模块结构:.html、.scss、.ts、.spec

header.component.html

<header class=" mdc-top-app-bar">
  <div class="mdc-top-app-bar__row">
    <section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-start">
      <button class="mdc-icon-button material-icons mdc-top-app-bar__navigation-icon--unbounded">menu</button><span class="mdc-top-app-bar__title">San Francisco, CA</span> </section>
    <section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-end">
      <button class="mdc-icon-button material-icons mdc-top-app-bar__action-item--unbounded" aria-label="Download">file_download</button>
      <button class="mdc-icon-button material-icons mdc-top-app-bar__action-item--unbounded" aria-label="Print this page">print</button>
      <button class="mdc-icon-button material-icons mdc-top-app-bar__action-item--unbounded" aria-label="Bookmark this page">bookmark</button>
    </section>
  </div>
</header>
这就是我的代码的样子;)

我在.scss文件中使用它

@use "@material/top-app-bar/mdc-top-app-bar";
@use "@material/icon-button/mdc-icon-button";
但我有一个错误

ERROR in Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Can't find stylesheet to import.
   ╷
23 │ @use "@material/elevation/mixins" as elevation-mixins;
   │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
   ╵
  node_modules\@material\top-app-bar\mdc-top-app-bar.scss 23:1  @use
  C:\Users\\CarApp\car-shareing-app\src\app\modules\home\components\car-dictionary\car-dictionary-list\car-dictionary-list.component.scss 1:1                                                     root stylesheet

嗯。我发现mdc top应用程序栏有一个问题,谷歌没有解决:(我会选择另一个工具进行导航

ERROR in Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Can't find stylesheet to import.
   ╷
23 │ @use "@material/elevation/mixins" as elevation-mixins;
   │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
   ╵
  node_modules\@material\top-app-bar\mdc-top-app-bar.scss 23:1  @use
  C:\Users\\CarApp\car-shareing-app\src\app\modules\home\components\car-dictionary\car-dictionary-list\car-dictionary-list.component.scss 1:1                                                     root stylesheet