는 각도 4.4.4 프로젝트 : 재질 디자인 설정이

Question

는 물질적 구성 요소와 아이콘을 구현하는 내가 (댓글에 링크)이 가이드를 따라 한

솔루션 최종 편집 내용은 아래를 참조하십시오 작동하지 않습니다 내 모퉁이 4 프로젝트.

@import '~https://fonts.googleapis.com/icon?family=Material+Icons'; 
@import '~@angular/material/prebuilt-themes/indigo-pink.css'; 

인 IntelliJ가 저를 경고 :

"URL을 찾을 수 없습니다 등 ..."나는이 라인 내하는 SCS의 설정 파일에 소재 디자인을 가져올 때

나는 발생한 오류 해요

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> 

하지만 모든 단계 t에서와 같이 :

는 지금은이 링크를 desider HTML 파일에서 직접 재료 의 아이콘을 가져 해결 방법을 사용하고 있습니다 그는 튜토리얼은 쓸모가 없다.

내가 어디에서 잘못하고 있다고 말할 수 있습니까? 미리 감사드립니다

편집 요청으로 1 제거 ~ :

내가 angular2 프로젝트 구조에서 매우 숙련 된 아니에요 (내 프런트 엔드 동료는 독감을 가지고). 내가 문서에 따라 내 프로젝트에서 글로벌있는 style.css

최종 편집

을 찾을 수 없기 때문에

나는 곳이 2 개 라인을 넣어 자신을 부탁 해요 튜토리얼을 처음부터, 나 양식을 일했다.

소재가 구성 요소를 시작하기위한 테마가 필요하기 때문에 사용자 지정 테마를 만들었습니다.

아이콘의 경우> index.html에 링크 가져 오기를 넣으십시오. 성분 - 들어

> URL에서 최고의 ~를 제거 문서

Answer 1

의 "get started"일부 따르은 node_modules/에 대한 웹팩 속기의를.

이 때문에 각도/재료에 대해 다음 줄에 사용하는 이유는 node_modules/@angular/material/prebuilt-themes/indigo-pink.css으로 다시 작성되기 때문입니다.

편집 :

Answer 2

당신은 다운로드 검사를 비활성화 할 수 있습니다

이

당신은 툴팁 (설정> DTD에 가서 URI 여기에 추가)를 따라 그것을 추가 할 수 있습니다 귀하의 IDE에 의해.당신은/기본 설정

Find the desired inspection, by expanding the grouping nodes or using the search field. 

• 사용 대화

  Disabling and Enabling Inspections

  가 해제 또는 설정에서 검사 를 비활성화하거나 활성화하려면 검사를 가능하게 그렇게하는 방법을 볼 수 있습니다 검사 옆에있는 확인란을 사용하거나 사용하지 않도록 설정합니다.

• 변경 내용을 적용하고 대화 상자를 닫습니다.

---

IJ 알려진 오류에 대한 코드의 유효성을 검사하는 검사를 사용하는 방법은,이 검사는 프로필에 IDE로 다운로드됩니다. 새로운 기능이 코드에서 사용될 때 검사가 항상 올바른 결과를 제공하지는 않습니다. 이 방법으로 IDE를 업데이트하거나 검사를 다운로드/수정/억제/비활성화해야합니다. CSS 코드는 컴파일 할 필요가 없으며 응용 프로그램의 webpack 또는 다른 패키지 도구에 의해 변환됩니다.