Ошибка при попытке настроить md c -table в моем приложении angular - PullRequest
0 голосов
/ 09 апреля 2020

Я пытаюсь добавить компонент md c -table в мое приложение angular, следуя документации, приведенной здесь: https://material.io/develop/web/components/data-tables/

Если я правильно понимаю, я Я должен добавить следующие два утверждения в мой файл компонента .s css:

@use "@material/checkbox/mdc-checkbox"; // <-- i will implement row selection
@use "@material/data-table/mdc-data-table";

и перед этим запуском:

npm install @material/checkbox
npm install @material/data-table

Я сделал все это, но продолжаю получать:

Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Can't find stylesheet to import.
   ╷
24 │ @use "@material/animation/functions" as functions2;
   │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
   ╵
  node_modules/@material/checkbox/_mixins.scss 24:1       @use
  node_modules/@material/checkbox/mdc-checkbox.scss 23:1  @use
  /Users/fgabriel/lister/lister-table/src/app/web-table/web-table.component.scss 6:1                                               root stylesheet
errors @ client:159
(anonymous) @ socket.js:47
sock.onmessage @ SockJSClient.js:63
EventTarget.dispatchEvent @ sockjs.js:170
(anonymous) @ sockjs.js:888
SockJS._transportMessage @ sockjs.js:886
EventEmitter.emit @ sockjs.js:86
WebSocketTransport.ws.onmessage @ sockjs.js:2962
wrapFn @ zone-evergreen.js:1218
invokeTask @ zone-evergreen.js:399
runTask @ zone-evergreen.js:167
invokeTask @ zone-evergreen.js:480
invokeTask @ zone-evergreen.js:1621
globalZoneAwareCallback @ zone-evergreen.js:1647

Я пробовал несколько вещей, но я не могу заставить его работать, любая помощь очень ценится.

1 Ответ

0 голосов
/ 09 апреля 2020

Попытка использовать импорт

@import "@material/checkbox/mdc-checkbox"; // <-- i will implement row selection
@import "@material/data-table/mdc-data-table";
...