Не могу запустить сервер разработки Nuxt 3, не могу найти модуль @volar/typescript/lib/node/proxyCreateProgram

Когда я пытаюсь запустить npm run dev, сервер разработки пытается запуститься, но показывает следующую ошибку:

Cannot start nuxt:  Cannot find module '@volar/typescript/lib/node/proxyCreateProgram
Require stack:
  - node_modules\vite-plugin-checker\dist\esm\checkers\vueTsc\prepareVueTsc.js

Я попытался установить @volar как часть моих зависимостей и средства проверки плагинов vite, но сервер все еще не может запуститься. Возможно, мне не хватает какой-то зависимости или конфигурации в моем проекте? Я использую Vue 3 с библиотекой Nuxt 3 и хочу проверить свой код при запуске сервера, хотя я знаю, что это не лучший вариант с точки зрения производительности. Я установил vue-tsc@^1 и typescript (как описано в документации: https://nuxt.com/docs/guide/concepts/typescript), но это все равно не позволило мне запустить сервер.

Это мой nuxt.config.ts

// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
  compatibilityDate: '2024-04-03',
  devtools: { enabled: true },
  ssr: false,

  // Global page headers: https://go.nuxtjs.dev/config-head
  app: {
    head: {
      title: "customer-portal-frontend",
      meta: [
        { charset: "utf-8" },
        { name: "viewport", content: "width=device-width, initial-scale=1" },
        { hid: "description", name: "description", content: "" },
        { name: "format-detection", content: "telephone=no" },
      ],
      link: [{ rel: "icon", type: "image/x-icon", href: "/favicon.ico" }],
    },
  },

  // Global CSS: https://go.nuxtjs.dev/config-css
  css: [
    "@/assets/css/main.scss",
  ],

  
  // Auto import components: https://go.nuxtjs.dev/config-components
  components: true,

  [
  "@nuxtjs/i18n",
    {
      defaultLocale: "en",
      locales: [
        {
          code: "en",
          file: "en-US.js",
          name: "English",
        },
        {
          code: "es",
          file: "es-ES.js",
          name: "Español",
        },
        {
          code: "fr",
          file: "fr-FR.js",
          name: "Français",
        },
      ],
      lazy: true,
      langDir: "lang/",
      strategy: "no_prefix",
    },
  ], 
  "nuxt-auth-utils", "@pinia/nuxt"],

  runtimeConfig: {
    public: {
      baseURL: process.env.BASE_URL || "http://localhost:3012/",
    },
    app: {
      baseURL: process.env.BASE_URL || "http://localhost:3012/"
    }
  },
  

  // Build Configuration: https://go.nuxtjs.dev/config-build
  build: {
  
  },
  postcss: {
    plugins: {
      tailwindcss: {},
      autoprefixer: {},
    },
  },

  typescript: {
    typeCheck: true
  },
  
})
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
2
0
50
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Документация относится к более старой версии Nuxt. Установка вложенных зависимостей типа @volar/typescript, которые нигде не упоминаются, но обычно не помогают, поскольку не устраняют основную причину.

Текущая версия Nuxt (3.12.4) требует vue-tsc@2, установка vue-tsc@1 приводит к появлению предупреждения, объясняющего причину проблемы:

ERESOLVE overriding peer dependency
While resolving: [email protected]
Found: [email protected]
node_modules/vue-tsc
  dev vue-tsc@"1" from the root project

Could not resolve dependency:
peerOptional vue-tsc@">=2.0.0" from [email protected]
node_modules/vite-plugin-checker
  vite-plugin-checker@"^0.7.2" from @nuxt/[email protected]
  node_modules/@nuxt/vite-builder

Conflicting peer dependency: [email protected]
node_modules/vue-tsc
  peerOptional vue-tsc@">=2.0.0" from [email protected]
  node_modules/vite-plugin-checker
    vite-plugin-checker@"^0.7.2" from @nuxt/[email protected]
    node_modules/@nuxt/vite-builder

Здесь должно быть:

npm i -D vue-tsc typescript

Другие вопросы по теме