2017-12-28 14 views
0

CSS 파일을 찾을 수 없습니다 및 자습서를하고 있어요 : https://docs.nativescript.org/angular/tutorial/ng-chapter-3NativeScript 각도는 그냥 NativeScript을 시작하는거야

NativeScript 지정하는 경우에도, 내 구성 요소로 같은 디렉토리에 CSS 파일을 찾을 수 없습니다 moduleId.

// login.component.ts 

@Component({ 
    moduleId: module.id, 
    styleUrls: [ 
    './login-common.css', 
    './login.android.css', 
    ], 
    templateUrl: './login.html', 
}) 
export class LoginComponent implements OnDestroy { ... } 

내 디렉토리 구조는 다음과 같습니다

/app 
    /pages 
    /login 
     login.android.css 
     login-common.css 
     login.component.ts 
     login.html 

내가/정지, 파일 이름을 배는-확인 응용 프로그램을 다시 시작하지만 난 여전히 얻을 에뮬레이터에서 사용자 데이터를 닦아했습니다

상쾌한 애플리케이션 ... JS : NS-렌더러 : ERROR 부트 스트래핑 ANGULAR JS : NS-렌더러 : 파일 /data/data/org.nativescript.Groceries/files/app/pages/login/.login.android .css 이 존재하지 않습니다. 해결 된 곳 : /data/data/org.nativescript.Groceries/files/app/pages/login/.login.android.css

또한 /app를 기준으로 moduleId 가치와 사용 경로를 지정하지 않는 시도하고 난 같은 오류를 얻을. 다른 구성 요소는이 파일을 사용하지 않습니다. 내가 도대체 ​​뭘 잘못하고있는 겁니까?

업데이트 : 다른 구성 요소를 만들어 성공적으로 구성 요소를 상대 스타일 시트를 가져올 수 있었다 것

. 정리해야 할 일종의 빌드 캐시가 있습니까?

답변

3

tns 런타임이 실제로 앱을 빌드하면 플랫폼 관련 파일을 다시 작성합니다.

이것은 무엇이든 .android은 단지 루트 .ts/.css/.html 파일이된다는 것을 의미합니다.

login.android.css은 같은 아이폰 OS 관련 파일에 간다 login.css

된다. 이렇게하면 일반 파일을 가져올 수 있으며 런타임에 올바른 파일을 지능적으로 필터링합니다.

예를 들어 나열된 두 스타일 시트 대신 을 가져 오기만하면됩니다. login-android.css 파일에서 login-common.css 파일을 가져 오십시오.

편집 : moduleId에 관련하여

, 나는 항상 당신의 구성 요소 것을 적용 할 것을 권장합니다. 현재 폴더와 관련된 경로를 만듭니다. 따라서 추가하면 login 구성 요소의 폴더에 상대적으로 './ 개의 가져 오기가 생성됩니다.