Vite error after upgrading
I am at loss of idea after upgrading my project...
Anyone has an idea what I should try to do ? Been a couple of hours and still stuck :/
__vite_ssr_import_0__.resolveScriptKey is not a function
Here is my package.json:
"dependencies": {
"@heroicons/vue": "^2.1.4",
"@nuxt/fonts": "^0.9.2",
"@nuxt/image": "latest",
"@nuxt/scripts": "^0.9.4",
"@nuxt/ui": "^2.18.6",
"@nuxtjs/fontaine": "^0.4.3",
"@tailwindcss/aspect-ratio": "^0.4.2",
"@tailwindcss/container-queries": "^0.1.1",
"@tailwindcss/typography": "^0.5.13",
"@unhead/vue": "latest",
"@upclaim/sdk": "workspace:^",
"@vueuse/core": "^11.1.0",
"@vueuse/motion": "^2.2.5",
"@vueuse/nuxt": "^11.1.0",
"axios": "^1.7.2",
"class-variance-authority": "^0.7.0",
"clsx": "^2.1.1",
"consola": "^3.2.3",
"date-fns": "^4.1.0",
"date-fns-tz": "^3.1.3",
"lucide-vue-next": "^0.424.0",
"nuxt": "^3.13.2",
"radix-vue": "^1.9.3",
"shadcn-nuxt": "latest",
"tailwind-merge": "^2.4.0",
"tailwindcss-animate": "^1.0.7",
"unenv": "latest",
"unimport": "^3.13.1",
"vaul-vue": "^0.2.0",
"vite": "5.4.5",
"vue": "^3.5.5",
"vue-router": "^4.4.0",
"vue-sonner": "^1.1.5"
},
"devDependencies": {
"@nuxtjs/tailwindcss": "^6.12.1",
"@zadigetvoltaire/nuxt-well-known": "^0.0.13",
"nuxt-headlessui": "^1.2.0",
"typescript": "^5.5.4",
"wrangler": "^3.75.0"
}
"dependencies": {
"@heroicons/vue": "^2.1.4",
"@nuxt/fonts": "^0.9.2",
"@nuxt/image": "latest",
"@nuxt/scripts": "^0.9.4",
"@nuxt/ui": "^2.18.6",
"@nuxtjs/fontaine": "^0.4.3",
"@tailwindcss/aspect-ratio": "^0.4.2",
"@tailwindcss/container-queries": "^0.1.1",
"@tailwindcss/typography": "^0.5.13",
"@unhead/vue": "latest",
"@upclaim/sdk": "workspace:^",
"@vueuse/core": "^11.1.0",
"@vueuse/motion": "^2.2.5",
"@vueuse/nuxt": "^11.1.0",
"axios": "^1.7.2",
"class-variance-authority": "^0.7.0",
"clsx": "^2.1.1",
"consola": "^3.2.3",
"date-fns": "^4.1.0",
"date-fns-tz": "^3.1.3",
"lucide-vue-next": "^0.424.0",
"nuxt": "^3.13.2",
"radix-vue": "^1.9.3",
"shadcn-nuxt": "latest",
"tailwind-merge": "^2.4.0",
"tailwindcss-animate": "^1.0.7",
"unenv": "latest",
"unimport": "^3.13.1",
"vaul-vue": "^0.2.0",
"vite": "5.4.5",
"vue": "^3.5.5",
"vue-router": "^4.4.0",
"vue-sonner": "^1.1.5"
},
"devDependencies": {
"@nuxtjs/tailwindcss": "^6.12.1",
"@zadigetvoltaire/nuxt-well-known": "^0.0.13",
"nuxt-headlessui": "^1.2.0",
"typescript": "^5.5.4",
"wrangler": "^3.75.0"
}
3 Replies
This is really the worst part using nuxt... obscure errors that take hours debugging
the stacktrace shows it might be related to your
App.vue
(first line actually)
what is in there?Yes but its content has not been changed in weeks...
<script setup>
import { Toaster } from "~/components/ui/sonner";
// Use SSR-safe IDs for Headless UI
provideHeadlessUseId(() => useId());
// Yousign
const script = useScript({
bundle: true,
src: "https://cdn.yousign.tech/iframe-sdk-1.6.0.min.js",
integrity: "sha384-/7MD1voOOzWVz7FmgeMwmmd1DO85Mo0PkkxdYd9j2wDGzGDGRG/phgnL0c9Xyy52",
referrerPolicy: "no-referrer",
});
</script>
<template>
<div>
<!-- <Toaster class="pointer-events-auto" /> -->
<NuxtLayout>
<NuxtPage />
</NuxtLayout>
</div>
</template>
<style>
.page-enter-active,
.page-leave-active {
transition: all 0.4s;
}
.page-enter-from,
.page-leave-to {
opacity: 0;
filter: blur(1rem);
}
</style>
<script setup>
import { Toaster } from "~/components/ui/sonner";
// Use SSR-safe IDs for Headless UI
provideHeadlessUseId(() => useId());
// Yousign
const script = useScript({
bundle: true,
src: "https://cdn.yousign.tech/iframe-sdk-1.6.0.min.js",
integrity: "sha384-/7MD1voOOzWVz7FmgeMwmmd1DO85Mo0PkkxdYd9j2wDGzGDGRG/phgnL0c9Xyy52",
referrerPolicy: "no-referrer",
});
</script>
<template>
<div>
<!-- <Toaster class="pointer-events-auto" /> -->
<NuxtLayout>
<NuxtPage />
</NuxtLayout>
</div>
</template>
<style>
.page-enter-active,
.page-leave-active {
transition: all 0.4s;
}
.page-enter-from,
.page-leave-to {
opacity: 0;
filter: blur(1rem);
}
</style>