Aurelia 自定义元素未显示

Question

我正在处理一个较旧的 Aurelia 1 项目，该项目今天早些时候开始出现问题。在摆弄并重新安装 node_modules 之后，事情运行但似乎没有加载任何组件。这是我的结构的样子：

- elements - form-login - form-login.html - form-login.js - form-login.scss - views - authentication - login.html - login.js - login.scss

（还有更多，但我暂时不说。）

login.html 像这样加载<form-login>：

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

    <main class="${ navigationInstruction.name }">
        <form-login class="login__form" success.bind="CALLBACK_SUCCESS"></form-login>
    </main>

结果是一个空白屏幕，<form-login> 的任何内容都不会被渲染。

我已经发现他的 require 标记不应该指向 HTML 文件，而是指向组件的目录/名称，但情况确实如此。

form-login.js 的内容如下所示（不含无关部分）：

import {bindable, decorators} from 'aurelia-framework';
import './form-login.scss';


/**
 * The application top navigation bar
 */
export const FormLogin = decorators(
  bindable('success')
).on(class {
  // Lots of code in here but constructor() is never fired.
});

Answer 1

从 cmets 中的解决方案来看，这是 package.lock.json 文件的 npm 问题。

将它与 node_modules 一起删除并重新安装包。