Office UI Fabric不在我的Excel Addin项目中呈现

Question

从VS 2017开始，我创建了一个新的Excel Addin。在Home.html之前，<div class="footer">之前，我在this Microsoft template添加了以下部分：

<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头部：

<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">

当我运行这个项目时，我进入任务窗格：

然而，我期待这个：

逻辑有什么问题？如果我使用Fabric的CSS和代码模板手动创建一个HTML文件，它可以很好地呈现，但是在我的Excel Addin项目中不起作用。

Answer 1

您确实包含非常旧版本的结构，但使用网站上的示例获取当前版本。 Get started向您解释了从哪里获取fabric-ui-core（样式）和fabric-ui-js（组件）以正确运行网站上的示例。

如果你会困惑自己为什么包含的2.1.0版本早于1.4.0，请参考以下解释：CSS oddities with Office UI Fabric libraries