advancedChunks结合@originjs/vite-plugin-federation 拆包之后，js资源加载有问题，页面一直在转圈，但是控制台没有报错

[fanfan-le]

Describe the bug

build: {
rollupOptions: {
// 输出配置
output: {
advancedChunks: {
groups: [
{
name: "element-render-vendor",
test: //node_modules/@ouryun/ouryun-plus/dist/es/node_modules/.pnpm/element-plus*/,
priority: 100,
},
{
name: "echarts-render-vendor",
test: //node_modules/@ouryun/ouryun-plus/dist/es/node_modules/.pnpm/echarts*/,
},
{
name: "xlsx-render-vendor",
test: //node_modules/@ouryun/ouryun-plus/dist/es/node_modules/.pnpm/xlsx*/,
},
{
name: "ouryun-render-components",
test: //node_modules/@ouryun/ouryun-plus/dist/es/components/,
},
],
},
// 输出的文件自定义命名
chunkFileNames: static/js/[name].[hash]${Timestamp}.js,
entryFileNames: static/js/[name].[hash]${Timestamp}.js,
assetFileNames: static/[ext]/[name].[hash]${Timestamp}.[ext],
},
},
},

Reproduction

1

Steps to reproduce

No response

System Info

1

Used Package Manager

pnpm

Logs

No response

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs and the Rolldown-related guide.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
• The provided reproduction is a minimal reproducible example of the bug.

[fanfan-le]

定位到问题 是因为 使用了 @originjs/vite-plugin-federation ，请问如何解决

federation({
name: "Host",
filename: "remoteEntry.js",
remotes: { dummy: "" },
// remotes: {
// "remote": "http://localhost:5001/config1_v1.0.0/remoteEntry.js",
// },
shared: {
vue: {},
pinia: {},
"vue-router": {},
"@ouryun/ouryun-plus": {},
baseRequest: {
packagePath: "./src/utils/request/index.js",
modulePreload: true,
},
basePluginStore: {
packagePath: "./src/store/modules/plugin.js",
},
// "element-plus": {}
// This is an invalid configuration, because the generate attribute is not supported on the host side
},
}),

[IWANABETHATGUY]

Could you please reformat your configuration and provide a reproduction?

[fanfan-le]

您能否重新格式化您的配置并提供复制版本？

import { defineConfig, loadEnv } from "vite";
import path from "path";
import createVitePlugins from "./vite/plugins";
import versionUpdatePlugin from "./src/utils/versionUpdatePlugin";
import federation from "@originjs/vite-plugin-federation";
import topLevelAwait from "vite-plugin-top-level-await";
// https://vitejs.dev/config/
const Timestamp = new Date().getTime(); //随机时间戳

export default defineConfig(async ({ mode, command }) => {
  const env = loadEnv(mode, process.cwd());
  const { VITE_APP_ENV, VITE_APP_BASE_API } = env;
  const CurrentTimeVersion = VITE_APP_ENV !== "development" ? new Date().getTime() : 1;
  //打包环境配置
  let base = "/";
  return {
    // 部署生产环境和开发环境下的URL。
    // 默认情况下，vite 会假设你的应用是被部署在一个域名的根路径上
    base: base, // VITE_APP_ENV === "production" ? "./" :VITE_APP_ENV === "staging"? "/management/":'/',
    plugins: [
      topLevelAwait({
        // The export name of top-level await promise for each chunk module
        promiseExportName: "__tla",
        // The function to generate import names of top-level await promise in each chunk module
        promiseImportName: i => `__tla_${i}`,
      }),
      ...createVitePlugins(env, command === "build"), // 版本更新插件
      versionUpdatePlugin({
        version: CurrentTimeVersion,
      }),
      federation({
        name: "Host",
        filename: "remoteEntry.js",
        remotes: { dummy: "" },
        shared: {
          vue: {},
          pinia: {},
          "vue-router": {},
          "@ouryun/ouryun-plus": {},
          baseRequest: {
            packagePath: "./src/utils/request/index.js",
            modulePreload: true,
          },
          basePluginStore: {
            packagePath: "./src/store/modules/plugin.js",
          },
          //  "element-plus": {}
          // This is an invalid configuration, because the generate attribute is not supported on the host side
        },
      }),
    ],
    resolve: {
      alias: [
        // ...(VITE_APP_ENV == "development1" ? await alias() : []),
        {
          find: "@",
          replacement: path.resolve(__dirname, "./src"),
        },
        {
          find: "~",
          replacement: path.resolve(__dirname, "./"),
        },
      ],
      extensions: [".mjs", ".js", ".ts", ".jsx", ".tsx", ".json", ".vue"],
    },
    // vite 相关配置
    server: {
      port: 9002,
      host: true,
      open: true,
      hmr: true,
      proxy: {
        // https://cn.vitejs.dev/config/#server-proxy
        "/api": {
          target: VITE_APP_BASE_API,
          changeOrigin: true,
          secure: false,
          rewrite: path => path.replace(/^\/api/, "/api"), // api标志替换为''
        },
        // 应用代理模块
        "/app-proxies": {
          target: VITE_APP_BASE_API,
          changeOrigin: true,
          secure: false,
          rewrite: path => path.replace(/^\/app-proxies/, "/app-proxies"), // api标志替换为''
        },
        "/mm": {
          target: VITE_APP_BASE_API,
          changeOrigin: true,
          secure: false,
          rewrite: path => path.replace(/^\/mm/, "/mm"), // mm标志替换为''
        },
        "/insights": {
          target: VITE_APP_BASE_API,
          changeOrigin: true,
          secure: false,
          rewrite: path => path.replace(/^\/insights/, "/insights"), // insights标志替换为''
        },
        // 引擎模块
        "/sr-engine": {
          target: VITE_APP_BASE_API,
          changeOrigin: true,
          secure: false,
        },
        "/plugiverse": {
          target: VITE_APP_BASE_API,
          changeOrigin: true,
          secure: false,
        },
        "/apione/v2": {
          target: VITE_APP_BASE_API,
          changeOrigin: true,
          secure: false,
        },
      },
    },
    //fix:error:stdin>:7356:1: warning: "@charset" must be the first rule in the file
    css: {
      postcss: {
        plugins: [
          {
            postcssPlugin: "internal:charset-removal",
            AtRule: {
              charset: atRule => {
                if (atRule.name === "charset") {
                  atRule.remove();
                }
              },
            },
          },
        ],
      },
      lightningcss: {
        errorRecovery: true, // 忽略语法错误继续构建
      },
    },
    build: {
      rollupOptions: {
        // 输出配置
        output: {
          advancedChunks: {
            groups: [
              {
                name: "echarts-render-vendor",
                test: /\/node_modules\/@ouryun\/ouryun-plus\/dist\/es\/node_modules\/.pnpm\/echarts*/,
              },
              {
                name: "xlsx-render-vendor",
                test: /\/node_modules\/@ouryun\/ouryun-plus\/dist\/es\/node_modules\/.pnpm\/xlsx*/,
              },
              {
                name: "ouryun-render-components",
                test: /\/node_modules\/@ouryun\/ouryun-plus\/dist\/es\/components/,
              },
            ],
          },
          // 输出的文件自定义命名
          chunkFileNames: `static/js/[name].[hash]${Timestamp}.js`,
          entryFileNames: `static/js/[name].[hash]${Timestamp}.js`,
          assetFileNames: `static/[ext]/[name].[hash]${Timestamp}.[ext]`,
        },
      },
    },
    define: {
      // 定义全局变量
      "process.env.VITE__APP_VERSION__": CurrentTimeVersion,
      "process.env.VITE_APP_ENV_ISProd": VITE_APP_ENV === "production",
    },
  };
});