「hello world!」を挿入するだけの簡単なElmプロジェクトを作成しようとしています。文字列をdivに入れます。
これが私のコードです:
index.html:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Elm Course</title>
</head>
<body>
<div id="hello-world"></div>
<script src="hello.js"></script>
<script>
const myDiv = document.getElementById("hello-world");
const app = Elm.Hello.embed(myDiv);
</script>
</body>
</html>
src/Hello.Elm
module Hello exposing (..)
import Html exposing (text)
main =
text "Hello world!"
そして私は次のコマンドでjavascriptをコンパイルします:
Elm make src/Hello.Elm --output=hello.js
この問題は、ブラウザでindex.htmlを開こうとすると、次のエラーが発生します。
TypeError: Elm.Hello.embed is not a function
embed
関数が削除され、init
が採用されました。 const app
行のJavaScriptを次のように変更します。
const app = Elm.Hello.init({ node: myDiv });