vue-demi

vue-demi copied to clipboard

I have a problem after migrating a project to [email protected].

Before the migration, this was the setup: library: [email protected] project1: [email protected] project2: [email protected]

Everything was working fine until we migrated project1 to [email protected]. After the migration, we get this error whenever we import something from vue-demi in the library:

11:00:16 [vite] Error when evaluating SSR module /@fs/Users/facundo.allemand/projects/traveler-frontend/node_modules/.pnpm/@[email protected][email protected][email protected]/node_modules/@getyourguide/compass/index.ts?v=e717953f:
TypeError: __vite_ssr_import_0__.defineComponent is not a function
    at eval (/@fs/Users/facundo.allemand/projects/traveler-frontend/node_modules/.pnpm/@[email protected][email protected][email protected]/node_modules/@getyourguide/compass/components/c-button/c-button.vue:33:41)
    at async instantiateModule (/Users/facundo.allemand/projects/traveler-frontend/node_modules/.pnpm/[email protected][email protected]/node_modules/vite/dist/node/chunks/dep-971d9e33.js:56177:9)

This is the example content of the component producing the error:

<template>
  <button>TEST</button>
</template>

<script lang="ts">
import { defineComponent } from "vue-demi";

export default defineComponent({
  name: "CButton",
});
</script>

We have the exclude: ["vue-demi"], from the vite config, and we followed all the setup instructions.

Curious to see this. Do you have a simple repro? This is why I use render functions when doing vue2/3 compat library with vue-demi

Could you please provide a minimum reproduction?