pinia 如何在打包后获取 mutation.events.key的值

在打包后，如果你需要获取 Pinia 中的 mutation events 的 key 值，可以使用以下代码：

import { createPinia } from 'pinia'

const pinia = createPinia()

// 在你需要获取 key 值的地方，可以通过以下方式获取
const store = pinia._stores.get('storeName')
const key = store.$state.$on.keyName

其中，`storeName` 为你定义的 Pinia store 的名称，`keyName` 则为你在定义 store 时定义的 key 名称。注意，`$on` 属性只有在开启了 devtools 时才会存在，所以在生产环境中可能无法使用。如果需要在生产环境中获取 key 值，可以在定义 store 时手动将 key 存储在一个变量中，然后通过该变量来获取 key 值。

相关问题

pinia $subscribe((mutation: any, state: any) => {}) 打包后无法获取mutaion.events 如何才能获取

如果打包后无法获取 `mutation.events`，可能是因为你没有在 `pinia` 中开启 `devtools` 或者在开启 `devtools` 后没有刷新页面，所以 `mutation.events` 没有被创建。

你可以通过在 `pinia` 中开启 `devtools` 或者使用 `pinia.use()` 显式地启用 `events` 插件来解决这个问题。

方法一：在 `pinia` 中开启 `devtools`

import { createPinia } from 'pinia'

const pinia = createPinia()

// 启用 devtools
pinia.use(({ app }) => {
  app.useDevtools()
})

// 订阅 mutation 事件
pinia.subscribe((mutation, state) => {
  console.log(mutation.type, mutation.payload)
})

方法二：显式地启用 `events` 插件

import { createPinia, createPiniaPlugin } from 'pinia'
import { EventsPlugin } from '@pinia/events'

const pinia = createPinia()

// 显式地启用 events 插件
pinia.use(createPiniaPlugin(EventsPlugin))

// 订阅 mutation 事件
pinia.subscribe((mutation, state) => {
  console.log(mutation.type, mutation.payload)
})

"hasInjectionContext" is not exported by "node_modules/vue-demi/lib/index.mjs", imported by "node_modules/pinia/dist/pinia.mjs". at ../node_modules/pinia/dist/pinia.mjs:6:9

这个错误是由于在引入 "pinia" 模块时，它尝试导入 "node_modules/vue-demi/lib/index.mjs" 文件中的 "hasInjectionContext" 函数，但是该函数并未被导出。

要解决这个问题，你可以尝试以下解决方案：

1. 确认你的 "pinia" 和 "vue-demi" 模块的版本是否兼容。可以查看它们的文档或 GitHub 页面以获取更多信息。

2. 如果你的版本兼容，尝试更新你的项目依赖项。运行以下命令可以更新所有依赖项：

   npm update

3. 如果更新依赖项后仍然存在问题，可以尝试手动解决该问题。打开 "node_modules/pinia/dist/pinia.mjs" 文件，并找到导入 "hasInjectionContext" 的位置。然后，尝试将导入语句修改为正确的路径或名称。

4. 如果以上方法都不起作用，可以考虑联系 "pinia" 或 "vue-demi" 的开发者寻求支持，他们可能能提供更具体的解决方案。

希望这些解决方案能帮助你解决问题！如果你有任何其他问题，请随时提问。