YAMLException：不完全な明示的なマッピングのペア

Question

私の構文がどこでオフになっているのか分かりません。私はこのコンテンツの100のバリエーションを試しました。私はwebpackからyaml-loaderを使用しています。それで、javascriptパーサー。

--- 
colors: 
    - orange: 
    100: "#hexcode" 
    75: "#hexcode" 
    50: "#hexcode" 
    25: "#hexcode" 
    - red: 
    100: "#hexcode" 
    75: "#hexcode" 
    50: "#hexcode" 
    25: "#hexcode" 

はここで完全なエラーです：

ERROR in ./~/json-loader!./~/yaml-loader!./data/colors.yaml 
Module build failed: YAMLException: incomplete explicit mapping pair; a key node is missed at line 1, column 73: 
    ... :\n 100: \"#hexcode\"\n 75: \"#hexcode\"\n 

75:の:でニンジンのポインタがあります

Answer 1

残念ながら、YAMLは複雑なビジネスである解析します。これは一部のパーサーで有効ですが（RubyのYAMLはこれをうまく解析します）、他のパーサーには有効ではないかもしれません。

また、あなたがRubyはオブジェクトの配列としてあることを表現した瞬間に、するcolorsを必要とする構造体のどのような種類に依存します：

orangeと redは（理にかなって）未定義キーです

{"colors"=> 
    [ 
    {"orange"=>nil, 100=>"#hexcode", 75=>"#hexcode", 50=>"#hexcode", 25=>"#hexcode"}, 
    {"red"=>nil, 100=>"#hexcode", 75=>"#hexcode", 50=>"#hexcode", 25=>"#hexcode"} 
    ] 
} 

。あなたはおそらく欲しい

はそうのようなネストされたオブジェクトです：

--- 
colors: 
    orange: 
     100: "#hexcode" 
     # ... 
    red: 
     100: "#hexcode" 
     # ...