Question

我正在尝试为我的Aurelia应用程序创建一个标准的用户状态窗口小部件，我不确定我做错了什么。作为一个起点，我跟着the docs，但我的结果不是他们告诉我的预期，我在构建和浏览器中都没有收到错误。

相关文件如下：

<!-- nav-bar.html -->
<template bindable='router'>
  <require from="./user-status "></require>
  <!-- various nav buttons -->
  <p class="navbar-collapse collapse navbar-text">
        Test <user-status></user-status>
      </p>

用户status.html

<template>
  ${status}
</template>

用户status.js

export default class UserStatusCustomElement {
      constructor() {
        this.status = 'Be sure to drink your Ovaltine!';
      }
    }

如果我更改nav-bar.html中的要求以查找./user-status.html它似乎有效果（在渲染的html中向用户状态元素添加了额外的aurelia-looking属性）但是没有渲染消息（一个假设b / c它没有拿起类并渲染为仅HTML的东西）。如果我保持原样，它不会出错，但这些属性不会被添加，也不会呈现任何内容，甚至是静态文本。

Answer 1

我使用了您的代码，发现从default模块中删除user-status.js修复了问题。我怀疑这个原因与Aurelia在导入模块时如何利用模块加载器（System.js，webpack，...）有关。不幸的是，我对Aurelia的内部知识不够了解，无法给出更深入的答案。

基本的自定义元素似乎不起作用

1 个答案: