2016-10-06 45 views
0

我是Aurelia的新手,我正尝试创建我的第一个自定义元素。我来自Angular 1,并且据我所知,自定义元素似乎与Angular 1指令类似。尝试加载我的Aurelia自定义元素时出错

所以,我收到以下错误: enter image description here

我检查我的模板寻找一些烂笔头HTML,但我不能找到它。有人有什么主意吗?代码如下所示:

SRC /视图/登录/ login.html的

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

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

SRC /视图/登录/ login.js

export class Login {} 

SRC /资源/元件/登录状/login-form.html

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

SRC /资源/元件/登录表格/登录-form.js

import {customElement} from 'aurelia-framework'; 

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

} 
+0

除了'from'和等号/属性值之间的空格之外,我没有看到任何突出的错误。我把你的代码(最小修改)发布到gist.run页面:https://gist.run/?id=c79b2a31371441222f5827d5e74471bb –

+0

发现了这个问题,我的'from'属性路径是以斜杠'/'开始的。自从我删除它,事情就起作用了。无论如何,您要发表评论@AshleyGrant! –

+0

也发现删除'@ customElement',事情继续工作。 –

回答

0
SRC

/资源/元件/登录表格/登录-form.js如下

export class LoginFormCustomElement { 

} 

这将工作具有命名约定奥里利亚框架。当你用作自定义元素时,最好使用CustomElement的末尾来传递类名。

相关问题