我正在创建一个库，以便在其他几个项目中重用 VueJS 应用程序。它是一个在任何 VueJS 项目中生成和显示表单的插件。
我使用 pinia 作为这个库中的商店并使用 Vite 来构建它。如何使库的存储在导入它的项目级别可读？ 我的问题是，在 VueJS 的 chrome 扩展中，我无权访问该商店。
库中的示例我在库中创建了这家商店：
在 main.ts 文件中，我有 install 方法：
1
434export default {
install: (app: App, options: PluginOptions) => {
app.component('UsfBuilder', UsfBuilder)
app.use(createPinia())
},
}
...但是在我的 Vue 扩展中我只看到应用程序商店，而没有看到库的商店...
我知道它有效，因为当我在图书馆存储中使用“console.log”时，状态元素会显示正确的值！
堆栈：
收藏
![ThinkPHP5快速开发企业站点[全程实录]](https://img.php.cn/upload/course/000/000/068/6253d918a3ce7278.png)
收藏
收藏
Copyright 2014-2024 //m.sbmmt.com/ All Rights Reserved | php.cn | 湘ICP备2023035733号
我找到了reddit的解决方案。如果您使用 Pina 构建库，则必须在
vite.config.ts文件中的rollupOptions中添加Pinia选项外部和全局：export default defineConfig({ //... build: { commonjsOptions: { esmExternals: true, }, lib: { entry: resolve(__dirname, 'src/main.ts'), name: 'Formbuilder', fileName: 'formbuilder-plugin', }, rollupOptions: { external: ['vue', 'pinia'], output: { globals: { vue: 'Vue', pinia: 'pinia', }, }, }, }, })