在remote中使用vuex正常，但是把组件expose到 host中使用时有问题 about vite-plugin-federation HOT 5 CLOSED

Is it possible that the remote side was started using dev mode? Dev mode only supports host side, remote side must use serve mode to run

from vite-plugin-federation.

Is it possible that the remote side was started using dev mode? Dev mode only supports host side, remote side must use serve mode to run

If this is not the cause, a repository may need to be provided to help me locate the problem

from vite-plugin-federation.

ok, i will be sub a example to you for test

from vite-plugin-federation.

1. git clone https://github.com/jzfai/micro-frontend-template.git
2. pnpm i

you can run separately
pnpm run host:preview
pnpm run remote:preview

to click this to test

from vite-plugin-federation.

But I modified some of the source code to allow me to log in and run (just hoping to give me an out-of-the-box test case), and I reproduced your problem, sorry I've never used vuex, so I had to look at the vuex source code to find that vuex is bound to the vue app instance,Its implementation is probably here:https://github.com/vuejs/vuex/blob/main/src/store.js#L78

install (app, injectKey) {
    app.provide(injectKey || storeKey, this)
    app.config.globalProperties.$store = this

    const useDevtools = this._devtools !== undefined
      ? this._devtools
      : __DEV__ || __VUE_PROD_DEVTOOLS__

    if (useDevtools) {
      addDevtools(app, this)
    }
  }

Since host and remote are running on different vue app instances, when you use remote components, you can only use the store information that has been registered on the host side

There are two possible solutions for this:

1. define a mutation test.js in the host side
2. refer to this practice to re-register once

from vite-plugin-federation.