vue.js - vue-router useRouter 在构建库组件时不起作用

Question

我正在构建一个 Vue3 npm 组件库，希望我可以使用 vue-router 的 useRouter 访问当前路由器，并且无论任何 vue 应用程序导入我的库组件，它都会自动提供。

如果直接引用我的库组件从'../../myCompThatUsesRouter.vue导入myCompThatUsesRouter路由器就可以工作。

如果我通过node_module包引用相同的组件从'@myPackage'导入myCompThatUsesRouter路由器是未定义。

我还收到了 vue 警告

injection "Symbol()" not found.

这不是这些注入(inject)方法的工作原理吗？

Answer 1

问题是我的库将 vue-router 定义为“依赖项”，而不是“peerDependency”。 https://nodejs.org/es/blog/npm/peer-dependencies/

我的 vite 配置还需要将 vue-router 定义为“外部”

vite.config.ts

rollupOption: {
   external: ['vue', 'vue-touer']
}