ELM:将ELM页面编译为JS

时间:2016-07-31 10:26:08

标签: elm

创建ELM页面并使用(elm-reactor)成功运行后, 我编译它来生成js文件并使用浏览器打开它。

使用以下命令:elm-make pageName.elm --output target.js

无论如何,target.js页面已成功生成,但是当使用浏览器打开它时,它没有显示所需的结果,而是按照以下屏幕截图显示源代码

enter image description here

1 个答案:

答案 0 :(得分:7)

在没有elm-make pageName.elm的情况下运行--output target.js并打开生成的index.html

或者,创建您自己的*.html文件并通过target.js标记嵌入<script>,就像通常对其他任何JavaScript文件一样:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>My app</title>
    <script src="target.js"></script>
    <script>
      // Run the application manually.
      Elm.Target.fullscreen();
    <script>
</head>
<body>

</body>
</html>

假设条目模块的名称为Target,您希望它接管整个页面。