내 Aurelia 사용자 정의 요소를로드 할 때 오류가 발생했습니다.

저는 Aurelia의 초보자이며 첫 번째 사용자 정의 요소를 작성하려고합니다. Angular 1에서오고 있습니다. 이해할 수있는 한 사용자 정의 요소는 Angular 1 지시문과 비슷합니다.내 Aurelia 사용자 정의 요소를로드 할 때 오류가 발생했습니다.

그래서, 나는 다음과 같은 오류가 점점 오전 : 나는 나쁜 작성된 HTML을 찾고 내 템플릿을 확인했다

을,하지만 난 그것을 찾을 수 없습니다. 누구 아이디어가 있습니까? 코드는 다음과 같다 :

SRC /보기/로그인/login.html

<template> 
    <require from = "/resources/elements/login-form/login-form"></require> 

    <h1>Login</h1> 
    <login-form></login-form> 
</template>

SRC는/뷰/로그인/

export class Login {}

SRC/자원/요소/로그인 형태를 login.js /login-form.html

<template> 
    <div>Here's gonna be a form</div> 
</template>

SRC/자원/요소/형 로그인/로그 - form.js

export class LoginFormCustomElement { 

}

이 아래와 같이

import {customElement} from 'aurelia-framework'; 

@customElement('login-form') 
export class LoginForm { 

}

출처

2016-10-06 Rafael Camargo

'from'과 등호/속성 값 사이에 공백이있는 것을 제외하고는 틀린 것으로 눈에 띄는 것이 아무것도 없습니다. gist.run 페이지에 최소한의 수정 코드를 게시했습니다 : https://gist.run/?id=c79b2a31371441222f5827d5e74471bb –

이 문제를 발견했기 때문에, 내'from' 속성 경로는'/'로 시작되었습니다. 내가 그것을 제거했기 때문에 모든 것이 작동하게되었습니다. 어쨌든 @AshleyGrant 님의 의견을 보내 주셔서 감사합니다! –

또한'@ customElement'를 제거하면 일이 계속 유지된다는 것을 알게되었습니다. –

SRC/자원/요소/형 로그인/로그 - form.js 네이밍 규칙을 갖는 오렐기구를 작동한다. 이제까지 CustomElement의 끝으로 클래스 이름을 더 잘 전달하기 위해 사용자 정의 요소로 사용할 때가 있습니다.

출처

2016-10-11 08:18:59 Rayudu

내 Aurelia 사용자 정의 요소를로드 할 때 오류가 발생했습니다.

답변

관련 문제