If you're following along the Beginning Elm book then, after much stuggle, this is the code which worked for me. I hope it saves you a lot of heartache.
module Main exposing (..)
import Html exposing (..)
import Html.Attributes exposing (..)
view model =
div [ class "jumbotron" ]
[ h1 [] [ text "Welcome to Dunder Mifflin!" ]
, p []
[ text "Dunder Mifflin Inc. (stock symbol "
, strong [] [ text "DMI" ]
, text ") is a micro-cap regional paper and office supply distributor with an emphasis on servicing small-business clients."
]
]
main =
view "dummy model" <!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=UTF-8'>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<style>
.jumbotron {
background-color: #e6ffe6;
text-align: center;
}
</style>
</head>
<body>
<div id="elm-code-is-loaded-here"></div>
<script src="elm.js"></script>
<script>
const app = Elm.Main.init({node: document.getElementById("elm-code-is-loaded-here") });
</script>
</body>
</html>
Thank you! This really helped me also.