角4.4.4项目与上海社会科学院风格:材料设计设置不起作用
请参阅以下最后编辑与解决方案角4.4.4项目与上海社会科学院风格:材料设计设置不起作用
我已经按照本指南(链接在评论),以实现物质成分和图标我的角度4项目。
我遇到和错误,当我尝试导入材料设计与这些行我SCSS配置文件:
@import '~https://fonts.googleapis.com/icon?family=Material+Icons';
@import '[email protected]/material/prebuilt-themes/indigo-pink.css';
的IntelliJ提醒我:“无法找到URL ...等”
现在我用一种变通方法与此链接desider HTML文件直接导入 从材料的图标:
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
,但像这样的T中的所有步骤做他的教程是无用的。
任何人都可以对我说我做错了吗?在此先感谢
编辑1 删除~
的要求:
我不是很熟练angular2项目结构(我的前端同事感冒了)。
我问自己,在那里把这些2行,因为我不能在我的项目找到全局的style.css
最后编辑
继文档从一开始的教程,从事我的工作。
我解决了创建custome主题,因为材质需要一个主题来启动组件。
对于图标 - >只需将链接导入到index.html。
对于成分 - >按照文档
删除网址的领先~
的“get started”的一部分:它是一个node_modules/
速记的WebPack。
这就是为什么他们在以下行中使用角/材料:它被重写为node_modules/@angular/material/prebuilt-themes/indigo-pink.css
。
编辑:
您可以禁用下载的检查:
您可以通过下面的工具提示(进入设置> DTD,并在这里将其添加为URI)补充说,通过你的IDE。你可以看到如何做到这一点
Disabling and Enabling Inspections
禁用或启用检查要在设置中禁用或启用检查 /Preferences对话框
Find the desired inspection, by expanding the grouping nodes or using the search field.
- 使用检查旁边的复选框禁用或启用它。
- 应用更改并关闭对话框。
IJ使用检查,以验证对已知错误的代码的方式,这些 检查由IDE下载到您的个人资料。当代码使用新功能时,检查并不总能给你正确的结果。这样,您应该更新IDE或下载/修改/禁止/禁用检查。 CSS代码不需要编译,它由应用程序中的webpack或其他打包程序转换。
完成,但现在有一个警告,请参阅编辑后,我会链接另一个图像! – Tommolo
@Tommolo好的!请确保你将它添加为新的部分(之后,说“编辑:”原来的问题在那里为其他人有同样的问题:) – msanford
非常感谢,我是一个初级开发人员,刚刚发现了stackoverflow世界:帖子编辑! – Tommolo