niexq/react-app-qiankun-main

🚀 基于create-react-app，qiankun构建并部署的测试用例（react主应用）Based on create-react-app, qiankun builds and deploys a simple main demo

react-app-qiankun-main's Issues

react子应用嵌套vue子应用有问题

export default function() {
const [visible, setVisible] = useState(false);
const curRef = useRef(null)

useEffect(() => {
return loadMicroApp({
name: "vue",
entry: "//localhost:3344/vue",
container: "#aa",
});
},[])

return (
<>

<Button onClick={() => setVisible(true)}>CLICK ME
<Modal
visible={visible}
onOk={() => setVisible(false)}
onCancel={() => setVisible(false)}
title="qiankun"
>
Probably the most complete micro-frontends solution you ever met

</>
);
}

在qiankun-demo/react-app-qiankun-sub/src/components/HelloModal.jsx文件里加上，就显示不出嵌套的子应用

主应用 npm start 时报错

---

Compiled with problems:
×
ERROR
Cannot find module 'classnames'
at webpackMissingModule (http://localhost:1122/static/js/bundle.js:20:50)
at ./src/App.js (http://localhost:1122/static/js/bundle.js:20:135)
at options.factory (http://localhost:1122/static/js/bundle.js:54228:31)
at webpack_require (http://localhost:1122/static/js/bundle.js:53674:33)
at fn (http://localhost:1122/static/js/bundle.js:53885:21)
at ./src/index.js (http://localhost:1122/static/js/bundle.js:353:62)
at options.factory (http://localhost:1122/static/js/bundle.js:54228:31)
at webpack_require (http://localhost:1122/static/js/bundle.js:53674:33)
at http://localhost:1122/static/js/bundle.js:54810:37
at http://localhost:1122/static/js/bundle.js:54812:12
ERROR in ./src/App.js 9:0-36
Module not found: Error: Can't resolve 'classnames' in '/Users/mac/Desktop/init/src'

测试

react主应用地址：https://github.com/niexq/react-app-qiankun-main
react子应用地址：https://github.com/niexq/react-app-qiankun-sub
vue子应用地址：https://github.com/niexq/vue-cli-qiankun-sub
简介：

您好，咨询！

公共的登录功能加入集成在基座中。打开基座域名，我登录状态可以分发，我要单独进入子应用的域名，怎么加载登录组件呢