Когда я пытаюсь запустить 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
},
})
Документация относится к более старой версии 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