指向dist文件夹的正确路径

Question

我正在尝试使用angular：

https://material.io/develop/web/components/drawers/

我意识到我不能使用

@import "@material/drawer/mdc-drawer";
@import "@material/list/mdc-list";

因为我使用CSS。

为使其正常工作，我决定放下

styleUrls: [
    '...',
    "~@material/drawer/dist/mdc.drawer.min.css"
]

这行不通，他找不到。

正确的方法是什么？

两者都不起作用，这类似于路径的图像：

https://imgur.com/a/Cvu9M0T

Answer 1

"stylePreprocessorOptions": {
   "includePaths": [
      "./node_modules"
]}

只需将node_modules路径包含到angular.json文件中即可。

Answer 2

请尝试在下方添加

styleUrls: [
    '...',
    "../../node_modules/@material/drawer/dist/mdc.drawer.min.css"
]

如果有帮助，请参阅这篇文章。 Angular2: How to import a stylesheet from node_modules?