Uncaught TypeError: application 'sub-app' died in status LOADING_SOURCE_CODE: Failed to fetch

[wanghongjiajijingjing]

已有react项目做为子应用接入时，一直报错。添加了生命周期函数且配置了output，之前通过"webpack-dev-server --progress --log-level=debug --colors --config config/webpack.dev.js"启动项目

[gongshun]

Failed to fetch ，说明网络不通，要么你没启动，要么跨域被阻止了

[wanghongjiajijingjing]

1. 子应用启动了，可以单独访问
2. 也配置了跨域
   module.exports = {
   devServer: {
   // qiankun
   headers: {
   "Access-Control-Allow-Origin": "*",
   },
   historyApiFallback: true,
   hot: false,
   watchContentBase: false,
   liveReload: false,
   },
   }

[gongshun]

难道是热更新问题？#1299

[wanghongjiajijingjing]

不是，而且我没有用react-app-rewired，是自己自定义配置的webpack，也不是通过create-react-app脚手架创建的，我的主、子应用都是react的
另外我用create-react-app创建一个demo子应用是可以挂载成功的，现在我用已有的项目挂载就是报上面这个错误

[gongshun]

看 network 就知道了，跨域的话控制台也有报错

[wanghongjiajijingjing]

子应用的网络请求是成功的，但是子应用就是没挂载，然后控制台报上面这个错误

[gongshun]

给个demo看看？

[wanghongjiajijingjing]

demo不方便给，我贴下我的webpack配置内容
module.exports = {
entry: {
app: entryInject(pathUtil.resolve('src', 'index')),
},
output: {
library: ${packageName}-[name],
libraryTarget: 'umd',
jsonpFunction: webpackJsonp_${packageName},
globalObject: 'window',
},
devServer: {
headers: {
"Access-Control-Allow-Origin": "*",
},
historyApiFallback: true,
hot: false,
watchContentBase: false,
liveReload: false,
},
plugins: [
new HtmlWebpackPlugin({
filename: 'index.html',
template: pathUtil.resolve('view/template/template.html'),
inject: true,
hash: true,
}),
],
optimization: {
runtimeChunk: 'single',
splitChunks: {
cacheGroups: {
vendors: {
test: /[\/]node_modules[\/]/,
name: 'vendors',
enforce: true,
chunks: 'initial',
},
},
},
},
}

[gongshun]

这个配置看不出来啥问题，报错 Failed to fetch 只可能是网络问题

[wanghongjiajijingjing]

网络请求是成功的

[gongshun]

应该不止这么一个请求吧，并且报错也不止这一个，信息太少，看不出来问题

[wanghongjiajijingjing]

问题解决了，谢谢耐心指点
原因是fetch子应用引入的第三方静态资源时跨域问题导致的

[Xchen1995]

原因是fetch子应用引入的第三方静态资源时跨域问题导致的

怎么排查出来的么？

[chinawzc]

问题解决了，谢谢耐心指点
原因是fetch子应用引入的第三方静态资源时跨域问题导致的

大佬怎么解决的。通遇到此问题

[wzyMaco]

拆分旧项目遇到这个问题困扰我老半天，最后发现index.html有俩第三方的资源，删了就OK了

[lizhen12345]

问题解决了，谢谢耐心指点 原因是fetch子应用引入的第三方静态资源时跨域问题导致的

这个问题怎么解决的，能说下吗

[l15102998448]

您好，路由用的hash 模式，配置如下 本地nginx 父子项目可以正常访问，但是发布到服务器就报错

[yousmellnice]

想问下是怎么解决的

[kkYFL]

老铁，如何解决的呀？