Building modules (lib) with Vite + Vue3 + Typescript fails

Describe the bug

Building a module with Vite fails when the final product is built (vite build). But it works in developer preview (vite).

Reproduction

1. Create a Vue3+TS module as described in https://vitejs.dev/guide/build.html#library-mode
2. Build for distribution with npm run build
3. Use it in another Vite+Vue3+TS project

Sample project: sample.zip

How to use:

1. Go into /lib and call: npm install && npm run build
2. Go into /main and call: npm install && npm run build && npm run serve

Expected: See output from lib component.

Actual: No output, but console output from same component shows up. Also works in dev mode, try npm run dev.

System Info

• vite version: 2.0.5
• Operating System: macOS M1 11.2.3
• Node version: v15.11.0 (brew)
• Package manager (npm/yarn/pnpm) and version: 7.6.1

[holtwick]

In general it would be great to have an example of best practice how to use vite to build modules / libs ❤️

[holtwick]

It looks like the issue origins from duplicate integration of vue package. Using https://vitejs.dev/config/#resolve-dedupe seems to solve the issue. In vue.config.ts add:

  resolve: {
    dedupe: ["vue"],
  },

This was hard to find. Adding an example to the documentation or the scaffolding code would be very much appreciated.