Как исправить ошибку шаблона TypeScript intellisense в Vue

Недавно я получил эту ошибку во время работы над проектом Vue 3:

TypeScript intellisense is disabled on template. To enable, configure `"jsx": "preserve"` in the `"compilerOptions"` property of tsconfig or jsconfig. To disable this prompt instead, configure `"experimentalDisableTemplateSupport": true` in `"vueCompilerOptions"` property.volar
Войдите в полноэкранный режим Выйти из полноэкранного режима

Не нужно паниковать, просто отключите это сообщение Volar именно так, как оно написано.

В вашем файле .tsconfig нужно добавить "jsx": "preserve" в разделе compilerOptions:

{
  "compilerOptions": {
    "jsx": "preserve"
  }
}
Вход в полноэкранный режим Выйти из полноэкранного режима

Я использую Nuxt 3, поэтому мой конфигурационный файл TypeScript выглядит немного иначе:

{
  // https://v3.nuxtjs.org/concepts/typescript
  "extends": "./.nuxt/tsconfig.json",
  "compilerOptions": {
    "jsx": "preserve"
  }
}
Войти в полноэкранный режим Выйти из полноэкранного режима

Если вы используете jsconfig файл, то он может выглядеть примерно так:

{
  "compilerOptions": {
    "module": "commonjs",
    "target": "es6",
    "jsx": "preserve"
  },
  "include": ["src/**/*"]
}
Вход в полноэкранный режим Выход из полноэкранного режима

Опция jsx в .tsconfig управляет тем, как ts преобразует и выводит файлы .tsx, но эта ошибка возникает на файлах .vue без расширения tsx.

Поэтому изменение этой опции, чтобы заглушить предупреждение, не имеет никакого реального эффекта на наши проекты. В Vue мы используем TypeScript только для проверки типов, поэтому эта опция не влияет ни на что из того, что мы делаем.

Эта проблема, скорее всего, возникает из-за сервера языка TypeScript, который VS Code использует для обеспечения функции Intellisense. Volar подключается к этому серверу, но, к сожалению, не имеет над ним никакого контроля.

Оцените статью
devanswers.ru
Добавить комментарий