时间戳

首页 > 解决方案 > 导入角度材质样式时出错

angular - 导入角度材质样式时出错

问题描述

我尝试按照以下链接安装和使用材料文本字段 https://material.io/develop/web/components/input-controls/text-field/

第一步是使用以下命令安装它
install @material/textfield

第二步是在我们想使用这个组件的任何地方导入它的样式
@import "@material/textfield/mdc-text-field";

当我在 app.component.scss 中写上一行时，它给了我下面的错误
File to import not found 或 unreadable: @material/textfield/mdc-text-field。
在 D:\Learning\Angular\test3\src\app\app.component.scss （第 1 行，第 1 列）

当我尝试将~放在导入 url 前面时，它找到了 mdc-text-field，但是我得到了另一个错误，因为
File to import not found 或 unreadable: @material/floating-label/mdc-floating-label。
在 D:\Learning\Angular\test3\node_modules@material\textfield\mdc-text-field.scss （第 24 行，第 1 列）

所以现在看来​​我需要将~运算符放在mdc-text-field.scss正在使用的所有 scss 文件中的每个导入语句中

不是到处都是开销吗？

我的项目结构是这样的

>node_modules
>src
    >app
        >app module folder consisting (app.component.scss etc)
    >assets

标签： angularsassangular-materialangular-clinode-sass

解决方案

推荐阅读