尝试加载我的Aurelia自定义元素时出错

Question

我是Aurelia的新手，我正在尝试创建我的第一个自定义元素。我来自Angular 1，据我所知，自定义元素似乎与Angular 1指令类似。

所以，我收到以下错误：

我已经检查了我的模板，寻找一些糟糕的书面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 /资源/元件/登录表格/登录-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 {

}

Answer 1

src / resource / elements / login-form / login-form.js如下

export class LoginFormCustomElement {

} 

这将使Aurelia框架具有命名约定。当您使用自定义元素时，最好使用CustomElement的结尾传递类名。