Language-tools: показывает ошибки

Созданный на 18 июн. 2020 · 3Комментарии · Источник: sveltejs/language-tools

Опишите ошибку

<!doctype html> показывает ошибки. Похоже на https://github.com/sveltejs/language-tools/issues/143.

Воспроизводить

CleanShot 2020-06-18 at 09 50 11@2x
CleanShot 2020-06-18 at 09 54 13@2x

<!doctype html />
<html lang="en">
  <slot name="head" />
  <body>
    <slot name="view" />
    <slot name="script" />
  </body>
</html>

Удаление документа решает проблему. Я также пробовал <!doctype html> , но автоформатирование все равно вставляет <!doctype html /> .

Ожидаемое поведение

Ошибок нет. Похоже, это исправлено в svelte: https://github.com/sveltejs/svelte/issues/336

Мне не удалось воспроизвести это в Svelte REPL (у меня другая ошибка), но я думаю, что это должно работать с SSR.

Система (пожалуйста, заполните следующую информацию):

ОС: OSX
IDE: VSCode
Плагин / Пакет: Svelte Beta v99.0.46

bug good first issue

Источник

matthewmueller

Самый полезный комментарий

@dummdidumm На основании вашего предложения я создал

skippednote 20 июн. 2020

❤1 👍1

Все 3 Комментарий

Это проблема svelte2tsx . Выход данного ввода:

<></>;function render() {
<><!doctype html />
<html lang="en">
  <slot name="head" />
  <body>
    <slot name="view" />
    <slot name="script" />
  </body>
</html></>
return { props: {}, slots: {head: {}, view: {}, script: {}} }}

export default class {
    $$prop_def = __sveltets_partial(render().props)
    $$slot_def = render().slots
}

<!doctype html /> не является допустимым тегом jsx, поэтому он вызывает эти синтаксические ошибки. Я думаю, что лучшим решением было бы проверить внутри svelte2tsx ли такая строка в начале документа, и просто удалить ее во время преобразования в jsx, используя регулярное выражение, которое проверяет, есть ли тег, который начинается с he начало".