找不到要导入的文件或不可读的文件：@ material / button / mdc-button

Question

我使用Angular v6.1.2，然后是入门行业协会之后的初始项目。然后，我在此链接https://www.npmjs.com/package/material-components-web

后面添加MDC

然后在我的项目中的styles.scss文件中，我只是这样导入MDC scss

@import "~material-components-web/material-components-web";

然后我运行该应用程序，它向我显示此错误

  

模块构建失败：       @import“ @ material / button / mdc-button”;       ^          找不到或不可读的导入文件：@ material / button / mdc-button。       等等...

我试图像下面的代码一样在angular.json中添加路径，但是它不起作用。

"stylePreprocessorOptions": {
    "includePaths": [
        "./node_modules/material-components-web", "./node_modules/@material"
    ]
}

还有什么我想念的吗？

Answer 1

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

由于node_modules和material-components-web需要知道父路径，因此只包含@material路径。