Question

我正在学习Elm，在完成本教程之后，我将从头开始启动新应用程序，但是当我在视图中添加新的HTML标签时，我会得到一个错误。

我的代码：

module Main exposing (..)

import Html exposing (..)
import Html.Attributes exposing (..)


main : Html a
main =
    span [ class "welcome-message" ] [ text "Hello, World!" ]
    , h1 [class "headline"] [text "Hello"]

错误：

Detected errors in 1 module.

-- SYNTAX PROBLEM ----------------------------------------------------- 

Main.elm I ran into something unexpected when parsing your code! 

10|     , h1 [class "headline"] [text "Hello"]         

^ I am looking for one of the following things:     
end of input     
whitespace

我正在Windows 10上使用Visual Studio Code。

我的编辑器配置为使用LF和4个空格缩进。

我正在PowerShell上使用elm-reactor。

Answer 1

您的代码是无效的Elm代码：逗号只能在列表（或记录）的元素之间移动。同样，您不能在顶层有两个Html节点，因此您需要将它们包装在一个元素中。在这种情况下，您可能需要将两者包装在div [] []中：

main : Html a
main =
    div []
        [ span [ class "welcome-message" ] [ text "Hello, World!" ]
        , h1 [ class "headline" ] [ text "Hello" ]
        ]

如何摆脱Elm中输入错误的结尾？

1 个答案: