aehyok/vue-qiankun

基于vite4+vue3+TypeScript+qiankun2 +pnpm+ monorepo (首页包含openai)乾坤微前端后台管理系统项目,腾讯云在线运行（封装了动态form表单和table列表、jsx(tsx)项目demo、以及leaflet地图和leaflet-geoman编辑图层）

vue-qiankun's Issues

登陆页面接口报错

登陆页面按照默认的账号和密码登录 接口报错“未匹配到任何接口，请检查请求类型是否一致。”

error occurs while executing entry script

index.js:187 [import-html-entry]: error occurs while executing entry script http://127.0.0.1:4000/js/app.js
exec @ index.js:187
schedule @ index.js:220
schedule @ index.js:225
(anonymous) @ index.js:231
(anonymous) @ index.js:230
Promise.then (async)
_execScripts @ index.js:161
execScripts @ index.js:294
_callee17$ @ loader.js:321
tryCatch @ regeneratorRuntime.js:86
(anonymous) @ regeneratorRuntime.js:66
(anonymous) @ regeneratorRuntime.js:117
fulfilled @ tslib.es6.js:71
Promise.then (async)
step @ tslib.es6.js:73
fulfilled @ tslib.es6.js:71
Promise.then (async)
step @ tslib.es6.js:73
fulfilled @ tslib.es6.js:71
Promise.then (async)
step @ tslib.es6.js:73
fulfilled @ tslib.es6.js:71
Promise.then (async)
step @ tslib.es6.js:73
(anonymous) @ tslib.es6.js:74
__awaiter @ tslib.es6.js:70
loadApp @ loader.js:230
_callee3$ @ apis.js:77
tryCatch @ regeneratorRuntime.js:86
(anonymous) @ regeneratorRuntime.js:66
(anonymous) @ regeneratorRuntime.js:117
fulfilled @ tslib.es6.js:71
Promise.then (async)
step @ tslib.es6.js:73
(anonymous) @ tslib.es6.js:74
__awaiter @ tslib.es6.js:70
app2 @ apis.js:62
(anonymous) @ load.js:39
Promise.then (async)
(anonymous) @ load.js:38
Promise.then (async)
z @ load.js:24
(anonymous) @ reroute.js:147
(anonymous) @ reroute.js:146
Promise.then (async)
g2 @ reroute.js:94
Lt @ reroute.js:66
rt @ navigation-events.js:91
(anonymous) @ navigation-events.js:105
changeLocation @ vue-router.esm-bundler.js:541
push @ vue-router.esm-bundler.js:580
finalizeNavigation @ vue-router.esm-bundler.js:3194
(anonymous) @ vue-router.esm-bundler.js:3070
Promise.then (async)
pushWithRedirect @ vue-router.esm-bundler.js:3041
push @ vue-router.esm-bundler.js:2969
jumpChildSystem @ Home.vue:53
onClick @ Home.vue:18
callWithErrorHandling @ runtime-core.esm-bundler.js:155
callWithAsyncErrorHandling @ runtime-core.esm-bundler.js:164
invoker @ runtime-dom.esm-bundler.js:369
app-errors.js:11 Uncaught TypeError: application 'webpack-app' died in status LOADING_SOURCE_CODE: Assignment to constant variable.
at Proxy.eval (tableConfig.js?7847:164:1)
at ./src/views/tableConfig.js (app.js:5540:1)
at webpack_require (app.js:864:30)
at fn (app.js:161:20)
at Proxy.eval (Table.vue?3f0e:15:1)
at ../../node_modules/.pnpm/[email protected][email protected]/node_modules/cache-loader/dist/cjs.js?!../../node_modules/.pnpm/[email protected]_5ouqwanl7jnotevpn4w6qovjqm/node_modules/babel-loader/lib/index.js!../../node_modules/.pnpm/[email protected][email protected]/node_modules/cache-loader/dist/cjs.js?!../../node_modules/.pnpm/[email protected]_rrikhbkquxx6n2xidrow5h36l4/node_modules/vue-loader/dist/index.js?!./src/views/Table.vue?vue&type=script&lang=js (app.js:1677:1)
at webpack_require (app.js:864:30)
at fn (app.js:161:20)
at Proxy.eval (Table.vue?dd43:1:1)
at ./src/views/Table.vue?vue&type=script&lang=js (app.js:5456:1)

请求接口全都报错

请问hash路由可以改成history路由吗？

我改了一下，就不显示内容了

webpack-app 项目启动报错，"../../common/qiankun/public-path.js"模块未找到

目前项目用的是 dev分支，不知道楼主是不是特意不配置这个文件，由开发者自己配置

这个前端怎么编译不过去，pnpm build 直接失败

'build' is not recognized as an internal or external command,

执行npm install也报错
npm ERR! code EUNSUPPORTEDPROTOCOL
npm ERR! Unsupported URL Type "workspace:": workspace:*

npm ERR! A complete log of this run can be found in:

请教：leaflet图形编辑功能，嵌入qiankun后bug

请教大佬，
图形编辑使用leaflet-editable插件实现的，独立部署功能正常，嵌入qiankun框架后有问题
具体表现为，开启编辑，拖动节点完成后，再去拖动地图时，节点也会跟着移动
bug效果见视频

20230313_100854.mp4

后面看到了大佬的框架，编辑是用geoman实现的，试着换了一下，也会跟着移动，请问如何排查这个问题呢

package.json依赖删除问题

"@aehyok/components": "workspace:*",

作者这个依赖的作用是什么，用yarn install安装不下来，删除这个依赖可以安装下来

大佬，小白问几个问题

最近公司要做微前端，发现您这个项目是目前GitHub上能找到的最完美的项目，但是还有几个问题，没想明白

1. 根目录下面的 common/component 里面中所有的el的组件，我看你就是直接引用的，但是我公司是用的antd的组件，我也是直接引用，

<script setup lang="ts">

</script>

<template>
  <a-button type="primary">Primary</a-button>
</template>

<style scoped>

</style>

[plugin:vite:import-analysis] Failed to resolve import "ant-design-vue/es/button/style/css" from "..\common\components\test.vue". Does the file exist?
但是antd提示我没有css，确实是没有css，但是您使用的el组件就没有提示，这是为什么呢？

2. 我看还有 import { format } from 'date-fns' 这样直接引用的组件，但是common和webpack-app-ts 根本不在一个根目录也不报错，可以这样写吗？
3. "common": "file:../../common"好像删了也不影响什么.........

希望大佬指点迷津

运行当前项目使用什么命令？ npm run

将代码拉取到本地，找不到运行当前项目的命令

有demo 图吗

有demo 图吗
这个功能是什么样子的

大佬，项目启动以后有两处控制台报错

Home页面控制台，有时候就有，有时候就没有

进入子项目以后

这些错误，不影响开发与打包，这是什么问题呢？

你好，请教个问题，pnpm 不同 vue 版本引用会报版本错误

你好，请教一下，你有没有遇到过，子应用分别是 vue2 和 vue3，这时用 pnpm 安装，启动时会报这个。

关于vue3，使用leaflet，弹poput窗的问题。

您好，我在用vue3，使用leaflet，弹poput，使用自定义的vue3组件，我在尝试过程中发现，不能执行dom操作，不知道你有没有遇到这个问题，请教一下，谢谢！

登录不了，提示密码错误

大佬请教下这是哪里的问题

你好，问一个问题

大佬这个提示是什么问题啊

运行pnpm i 时发现的

pnpm 版本 7.1.3
nodejs 16.15
系统：ubuntu20.04