N
Nuxt•7mo ago
Romain

Vite error after upgrading

I am at loss of idea after upgrading my project... __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"
  }
Anyone has an idea what I should try to do ? Been a couple of hours and still stuck :/
No description
4 Replies
Romain
RomainOP•7mo ago
This is really the worst part using nuxt... obscure errors that take hours debugging
manniL
manniL•7mo ago
the stacktrace shows it might be related to your App.vue (first line actually) what is in there?
Romain
RomainOP•7mo ago
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>
manniL
manniL•3mo ago
@Romain refresh your lockfile, you might have an old unhead version?

Did you find this page helpful?