Aurelia将不加载自定义组件

Aurelia将不加载自定义组件,aurelia,Aurelia,我创建了几个自定义组件,这些组件加载到另一个组件中。 其中一个组件将无法加载。构造函数不会被调用,组件生命周期的其他所有事件也不会被调用 我正在使用本地aurelia cli v1.0.2 我的元素名为“boardingpass list”。它没有任何绑定 我正在使用所有的'require'标签,所有的名称和文件夹结构都可以。我甚至剥离了组件中的所有内容,留下了一个空构造函数,html只是一个“地狱般的世界!”一串同样的结果 主要自定义组件: <template> //req

我创建了几个自定义组件,这些组件加载到另一个组件中。 其中一个组件将无法加载。构造函数不会被调用,组件生命周期的其他所有事件也不会被调用

我正在使用本地aurelia cli v1.0.2

我的元素名为“boardingpass list”。它没有任何绑定 我正在使用所有的'require'标签,所有的名称和文件夹结构都可以。我甚至剥离了组件中的所有内容,留下了一个空构造函数,html只是一个“地狱般的世界!”一串同样的结果

主要自定义组件:

<template>
    //require other elements
    <require from="Views/Passenger/boardingpass-list"></require>

    //some more divs here
    <div>
       <boardingpass-list></boardingpass-list>
    </div>
</template>
模块的资源通常根据aurelia的控制台输出加载,就像其他元素一样:

DEBUG [templating] importing resources for Views/Passenger/boardingpass-list.html
没有其他错误、异常或警告


希望有人能给我指出正确的方向,因为我不知道发生了什么,提前谢谢

您的类名是
BoardingPassList
,因此按照惯例,html中的标记应该是
BoardingPassList
,而不是
BoardingPassList

如果要使用
boardingpass list
作为html标记,请从这两个选项中选择一个

  • 将导出的类名更改为
    BoardingpassList
  • 在导出的类上使用
    @customElement('boardingpass-list')

  • 更多信息请访问

    非常感谢。将我的类html标记更改为确实做到了这一点。命名是我唯一没有想到的事情!:)
    <template>
        Hello world!
    </template>
    
    <div>
    <boardingpass-list></boardingpass-list>
    </div>
    
    DEBUG [templating] importing resources for Views/Passenger/boardingpass-list.html