【发布时间】：2020-03-18 13:23:29
【问题描述】：
我已经用相同的 ui 用 svelte 和 sapper 构建了一个示例应用程序，然后发现内容看起来不同：
我已经检查了 css，但应该没有任何差异。
来自https://gitlab.com/oceanstack/ui5-sapper和https://gitlab.com/oceanstack/ui5-svelte的代码
【问题讨论】：
【发布时间】：2020-03-18 13:23:29
【问题描述】：
问题是你的 HTML 不一样。
苗条：
<ui5-label id="myLabel" for="myInput" required show-colon="">First name</ui5-label>
工兵：
<ui5-label id="myLabel" for="myInput" show-colon="">First name</ui5-label>
请注意，Svelte 具有 required 属性，而 Sapper 没有。
如果您进入 Sapper 页面上的浏览器开发工具并将 required 属性添加到标签中，您会发现突然之间，省略号被删除并且您的标签将匹配。
【讨论】：
-
现在，我已经更改了它，它应该是一样的。我必须做什么才能获得与 svelte 相同的 UI？我是工兵世界的新手。
-
如果您的代码在两者中相同，则它们应该相同。您应该问自己的问题是，您是否首先需要 Sapper。
-
我需要 Sapper 因为路由。代码现在是一样的，但它没有显示相同的 ui。为什么？
-
能否请您下载并试用一下，然后您会看到不同。
-
请记住，Sapper 不是路由的唯一选择。 Svelte 还有其他可用的路由选项。除非您对 Sapper 有更具体的需求，否则使用
svelte-spa-router之类的更简单的方法可能会更好地为您服务。我猜是因为您不知道如何发现差异（在两者上使用浏览器的 Inspect Element 功能，您会看到 CSS 差异）向我暗示您可能还没有准备好使用 Sapper。