主项目使用vue3.0 ， 子项目使用ts+react ， 刷新报错

[yulintianxia]

主项目使用vue3.0，子项目使用ts+react，使用create-react-app脚手架，而后使用react-app-rewired命令时，看了issure，将

取消了热更新，项目刷新就报错，
这样修改报错，config.entry.filter 不是一个function，
打印发现不是一个数组，但是去掉这句话，react项目刷新报错

[gongshun]

#340 (comment)

新增环境变量，写死端口就可以了

qiankun/examples/react16/.env

Line 4 in 2bf9194

WDS_SOCKET_PORT=7100

[yulintianxia]

把端口写进去也不行，感觉应该是版本的问题，我的vue 3.0+ts是最新的版本，react 项目使用的creat-react-app + ts官方脚手架，最新版本17，安装最新的react-app-rewired 可能最新版本改动，按照const { name } = require("./package.json");
const ReactRefreshPlugin = require("@pmmmwh/react-refresh-webpack-plugin");
const webpack = require("webpack");

module.exports = {
webpack: function override(config, env) {
config.output.library = ${name}-[name];
config.output.libraryTarget = "umd";
config.output.jsonpFunction = webpackJsonp_${name};

// Remove 'react-refresh' from the loaders.
for (const rule of config.module.rules) {
if (!rule.oneOf) continue;

for (const one of rule.oneOf) {
if (one.loader && one.loader.includes("babel-loader") && one.options && one.options.plugins) {
one.options.plugins = one.options.plugins.filter(
(plugin) => typeof plugin !== "string" || !plugin.includes("react-refresh")
);
}
}
}

config.plugins = config.plugins.filter(
(plugin) => !(plugin instanceof webpack.HotModuleReplacementPlugin) && !(plugin instanceof ReactRefreshPlugin)
);

return config;
},
devServer: (configFunction) => {
return function (proxy, allowedHost) {
const config = configFunction(proxy, allowedHost);
config.open = false;
config.hot = false;
config.headers = {
"Access-Control-Allow-Origin": "*",
};
return config;
};
},
}; 这个写法就Ok了