TypeError: i[e] is not a function

[T0miii]

Hello,

im running two projects with vite:
Host

import {fileURLToPath} from 'url'

import {defineConfig} from 'vite'
import vue from '@vitejs/plugin-vue'
import federation from "@originjs/vite-plugin-federation";


export default defineConfig({
  plugins: [vue(),
    federation({
      name: 'host-name',
      filename: 'remoteEntry.js',
      remotes: {
        foo: 'http://localhost:5050/assets/remoteEntry.js'
      },
      shared: ['vue']
    })],
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url))
    }
  },
  build:{
    target:['edge90','chrome90','firefox90','safari15']
  }
})

Remote:

import {fileURLToPath} from 'url'

import {defineConfig} from 'vite'
import vue from '@vitejs/plugin-vue'
import federation from "@originjs/vite-plugin-federation";


export default defineConfig({
    plugins: [vue(),
        federation({
            name: 'module-name',
            filename: 'remoteEntry.js',
            exposes: {
                './Button': './src/Button.vue',
            },
            remotes: {
                foo: 'remote_foo'
            },
            shared: ['vue']
        })],
    resolve: {
        alias: {
            '@': fileURLToPath(new URL('./src', import.meta.url))
        }
    },
    build:{
        target:['edge90','chrome90','firefox90','safari15']
    }
})

I can see the remoteEntry.js under: http://localhost:5050/assets/remoteEntry.js

Importing in my host app like this:

But when i check it in the browser i get this error:

Any one got an idea, what the problem might be, this is the simplest setup i could figure out.

[burakakca]

I have a similar error Uncaught (in promise) TypeError: r[e] is not a function.

import { defineConfig } from "vite";
import federation from "@originjs/vite-plugin-federation";

// https://vitejs.dev/config/
export default defineConfig({
  server: {
    port: 3004,
  },
  build: {
    // lib: {
    //   entry: "src/wc-spa.js",
    //   formats: ["es"],
    // },
    rollupOptions: {
      external: /^lit/,
      output: {
        format: "system",
        minifyInternalExports: false,
      },
    },
  },
  plugins: [
    federation({
      name: "vite-lit",
      filename: "remoteEntry.js",
      library: { type: "system" }, // I'm not sure
      format: "systemjs", // I'm not sure
      exposes: {
        "./MyElement": "./src/wc-spa.js",
      },
      shared: ["lit"],
    }),
  ],
});

I'am tring to use systemjs - vite - lit element - single spa and federation

[Jiannan-dev]

Could you tell me the version of vite-plugin-federation you are using? If it's a federation issue, I suggest you initiate an issue in the vite-plugin-federation repository so I can be alerted and resolve the issue faster,thx

[burakakca]

@ruleeeer my plugin version is 1.0.8. I'l try just empty vite react example. with yarn create vite.