Bootstrap 4 svelte和sveltestrap-通过选择输入发出

我正在建立一个应用程序与苗条-太棒了

我正在尝试将引导4用于css，因此我在npm安装中添加了sveltestrap，并按照sveltestrap的npm页面上的说明，在全局范围内包含引导css

我对选择输入有问题。出于某种原因，标签下方会出现一个标准文本输入，其中包含ul类型的选项列表。下面是我想要的选择控件-见附件屏幕截图

令人不解的是，html是好的&正确的，所以我真的很困惑这里到底发生了什么

以下是相关的。苗条：

<Form>
  <FormGroup>
    <Label for="verksamhetstyp">Verksamhetstyp</Label>
    <Input type="select" required name="verksamhetstyp" id="verksamhetstyp" bind:value={fastighet.verksamhetstyp}>
    <!--<option value=null></option>-->
    {#each verksamhetstyp as vtyp}
      <option value={vtyp._id}>{ vtyp._id }</option>
    {/each}
    </Input>
  </FormGroup>
</Form>

以下是由svelte生成的html：

<form class="">
  <div class="form-group">
    <label class="" for="verksamhetstyp">Verksamhetstyp</label>
    <select required id="verksamhetstyp" class="form-control" name="verksamhetstyp" value="Skola">
      <option value="BMSS">BMSS</option>
      <option value="Daglig verksamhet">Daglig verksamhet</option>
      <option value="Förskola">Förskola</option>
      <option value="Lägenheter">Lägenheter</option>
      <option value="Skola">Skola</option>
      <option value="Äldreboende">Äldreboende</option>
      <option value="Övriga">Övriga</option>
    </select>
  </div>
</form>

---

如果我使用纯html而不是sveltestrap的组件，我也会遇到同样的问题。

啊，问题是由template.html中的materializecss.min.js的错误遗留造成的。这是从同一个应用程序使用Materialiecss而不是sveltestrap的早期尝试。对不起

您是否正确地使用svelte:head添加css？因为正如你在这里看到的，没有样式问题。我明白了。我在template.html中添加了css，但是无论我在哪里添加css，结果都是一样的。我正在使用sapper和SSR，我也在使用，例如从'sveltestrap/src/Form.svelte'导入表单；不是从sveltestrap导入{Form，FormGroup，Label，Input}，可能这就是问题所在？是的，可能您只需要从入口点导入组件，而不是直接从组件文件导入。我应该写这个作为答案吗？