首页 > 解决方案 > 如何使用 React 在 JS 文件中使用 Elm?

问题描述

我正在尝试使用 React 在 JS 文件中实现一些 Elm 代码。我以前从未使用过 Elm 编程,我想知道如何解决这种情况。

在终端中使用“elm”会使其在命令中无法识别。“react-elm-components”不支持 Elm.Main.Embed 具体来说,embed 无法识别以及 default.a.Main 未定义即使我修复了此问题,编译器也无法识别 Webpack。

'use strict';
import Elm from "react-elm-components";
const node = document.getElementById('app');

// Update the second argument to `Elm.Main.embed` with your selected API.
// See `doc/intro.md` for more information.
const app = Elm.Main.embed(node, {
    api: 'Client',
    hostname: 'localhost:3000',
});

app.ports.startTimer.subscribe((int) => {
    setTimeout(() => {
        app.ports.timeout.send(int);
    }, 10000);
});

TypeError:react_elm_components__WEBPACK_IMPORTED_MODULE_0___default.a.Main 未定义 TypeError:无法读取未定义的属性“嵌入”

预期:应该打印出节点图。

标签: javascriptreactjselm

解决方案


推荐阅读