2017-10-11 39 views
1

请参阅以下最后编辑与解决方案角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 删除~的要求:

RESULT IMAGE

我不是很熟练angular2项目结构(我的前端同事感冒了)。

我问自己,在那里把这些2行,因为我不能在我的项目找到全局的style.css

PROJECT STRUCTURE PHOTO

最后编辑

继文档从一开始的教程,从事我的工作。

我解决了创建custome主题,因为材质需要一个主题来启动组件。

对于图标 - >只需将链接导入到index.html。

对于成分 - >按照文档

回答

1

删除网址的领先~的“get started”的一部分:它是一个node_modules/速记的WebPack。

这就是为什么他们在以下行中使用角/材料:它被重写为node_modules/@angular/material/prebuilt-themes/indigo-pink.css

编辑:

enter image description here

+0

完成,但现在有一个警告,请参阅编辑后,我会链接另一个图像! – Tommolo

+0

@Tommolo好的!请确保你将它添加为新的部分(之后,说“编辑:”原来的问题在那里为其他人有同样的问题:) – msanford

+0

非常感谢,我是一个初级开发人员,刚刚发现了stackoverflow世界:帖子编辑! – Tommolo

0

您可以禁用下载的检查:

您可以通过下面的工具提示(进入设置> 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或其他打包程序转换。

+0

你为什么要禁用它?它似乎正确地显示错误,因为'node_modules/http:// ...'很可能不是预期的导入目标。 – msanford

+0

@msanford检查已过时。 –

+0

我仍然厌倦了禁止某个班级的所有检查;是否没有风险丢失宝贵的调试信息,即使它在这个_specific_案件中无效? – msanford

相关问题