Я создал пример приложения в svelte и sapper с одним и тем же пользовательским интерфейсом и выяснил, что контент выглядит по-разному:
Изящный 
Саппер 
Я проверил css, но отличий быть не должно.
Код из https://gitlab.com/oceanstack/ui5-sapper и https://gitlab.com/oceanstack/ui5-svelte
Проблема в том, что ваш HTML не тот.
Svelte:
<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-spa-router. Я предполагаю, что из-за того, что вы не знаете, как определить разницу (используйте функцию Inspect Element вашего браузера на обоих, и вы увидите различия CSS), мне подсказывает, что вы, возможно, не готовы использовать Sapper.
- person Braintapper; 18.03.2020
required не прошел до обработанного HTML. Это потому, что вы не присвоили ему истинное или ложное значение, т.е. required={true}. Используя Sapper, вы добавляете уровень сложности, к которому вы, возможно, не готовы. Я думаю, вам следует придерживаться чистого Svelte, пока вы не поймете, что такое Sapper.
- person Braintapper; 18.03.2020
required={true}. вместо того, чтобы просто required он находится в HTML-коде, отображаемом на сервере, если вы попытаетесь отключить JavaScript в своем браузере, вы должны его увидеть. он был удален, когда js сработал и удалил его.
- person Tan Li Hau; 20.03.2020
