Office UIファブリックがExcel Addinプロジェクトでレンダリングされない

Question

VS 2017から、新しいExcel Addinを作成しました。

<link rel="stylesheet" href="https://appsforoffice.microsoft.com/fabric/2.1.0/fabric.min.css"> 
<link rel="stylesheet" href="https://appsforoffice.microsoft.com/fabric/2.1.0/fabric.components.min.css"> 

私はこのプロジェクトを実行すると、私が手に：私はこれらの参照はHome.htmlヘッドであることを確認ことに気づくはずです

<div class="ms-ChoiceFieldGroup" id="choicefieldgroup" role="radiogroup"> 
    <div class="ms-ChoiceFieldGroup-title"> 
     <label class="ms-Label is-required">Unselected</label> 
    </div> 
    <ul class="ms-ChoiceFieldGroup-list"> 
     <li class="ms-RadioButton"> 
      <input tabindex="-1" type="radio" class="ms-RadioButton-input"> 
      <label role="radio" class="ms-RadioButton-field" tabindex="0" aria-checked="false" name="choicefieldgroup"> 
       <span class="ms-Label">Option 1</span> 
      </label> 
     </li> 
     <li class="ms-RadioButton"> 
      <input tabindex="-1" type="radio" class="ms-RadioButton-input"> 
      <label role="radio" class="ms-RadioButton-field" tabindex="0" aria-checked="false" name="choicefieldgroup"> 
       <span class="ms-Label">Option 2</span> 
      </label> 
     </li> 
     <li class="ms-RadioButton"> 
      <input tabindex="-1" type="radio" class="ms-RadioButton-input"> 
      <label role="radio" class="ms-RadioButton-field is-disabled" tabindex="0" aria-checked="false" name="choicefieldgroup" aria-disabled="true"> 
       <span class="ms-Label">Option 3</span> 
      </label> 
     </li> 
     <li class="ms-RadioButton"> 
      <input tabindex="-1" type="radio" class="ms-RadioButton-input"> 
      <label role="radio" class="ms-RadioButton-field" tabindex="0" aria-checked="false" name="choicefieldgroup"> 
       <span class="ms-Label">Option 4</span> 
      </label> 
     </li> 
    </ul> 
</div> 

：Home.htmlでは、ちょうど<div class="footer">前に、私はthis Microsoft templateから次のセクションを追加しましたタスクペインで：

しかし、私は期待していましたこのINGの：ロジックを持つと間違って何

？ FabricのCSSとコードテンプレートを使用して手動でHTMLファイルを作成すると、レンダリングはうまくいきますが、Excel Addinプロジェクトでは機能しません。

Answer 1

実際には、現在のバージョンのWebサイトの例を使用して、非常に古いバージョンのファブリックを含めています。 Get startedは、fabric-ui-core（スタイル）とfabric-ui-js（コンポーネント）を入手してウェブサイトから適切な例を実行する場所を説明しています。

含まれているバージョン2.1.0があるなぜあなたは自分をパズルする場合は、この説明を参照してください1.4.0よりも古いです：CSS oddities with Office UI Fabric libraries