2

我正在为教程项目使用开发人员工具包。我通常使用相同的套件,但有时使用不同的版本,但通常可以正常工作。这次我们使用的是 hyperapp,我遇到了这个问题,当我运行“npm run watch”时,我得到“你忘记发出异步完成信号了吗?” 在终端。该工具包有 node、npm、gulp 和大量其他东西。无论如何.. 这是 App.js 文件中的内容(没有很多语法,但我们才刚刚开始教程)

import { h, app } from 'hyperapp';
import Header from './Header.js';

export default function App({ state, actions }) {
    return (
        <div class={'app'}>
            <header state={state} actions={actions} />

    );
}

这是在我的 Header.js 文件中

import { h, app } from 'hyperapp';

export default function Header({ state, actions }) {
    return (
        <header>Header comp</header>
    );
}

当我在终端上调用 npm run watch 时,我收到错误消息,它不会运行 watch 或打开我的 localhost 页面。 这是我输入“npm run watch”后终端错误的图像

4

1 回答 1

1

这是在 React.js 中吗?

如果是这样,请尝试正确关闭 div,并使用大写字母来使用自定义组件。如果你给h它会认为它是一个 html header 标签而不是你创建的 Header 组件。请参阅下面的代码

    import { h, app } from 'hyperapp';
    import Header from './Header.js';

    export default function App({ state, actions }) {
        return (
            <div class={'app'}>
                <Header state={state} actions={actions} />
            </div>
        );
    }
于 2019-09-18T05:40:14.633 回答