如果你或你所在的团队正在使用 V3 Admin / V3 Admin Vite 或对应的 Electron 版，欢迎你和团队在这里留言合影~

如果你基于我的项目进行二次开发，欢迎你贴出你的链接，供大家学习参考。

If you or your team is using V3 Admin / V3 Admin Vite or the corresponding Electron version, you are welcome to leave a message and take a photo with your team here~

If you are doing secondary development based on my project, you are welcome to post your link for everyone to learn and reference.

can't be build successfully.

请问执行build:prod报错如图，是怎么回事呢，dev运行没问题呢

https://github.com/vbenjs/vite-plugin-mock

https://github.com/vbenjs/vite-plugin-compression

如图为部分压缩量

想结合 mock json 的数据来调试学习

左侧菜单 切换时，底部有横向滚动条

src/plugins/element-pus 名称错误

vue-router.esm-bundler.js:72

   [Vue Router warn]: No match found for location with path "/paiming/paiminglist"

不一定全都要实现，因为还是想继续将这个项目定义为最小的后台管理系统（方便大家在此基础上做加法进行二开）解决方案，所以不会添加太多功能进去

Routine

• 同步升级所有第三方依赖

Easy

• 系统配色优化（主要是左侧导航菜单）
• 头像右侧显示用户名，以及优化一下对应的下拉框 UI
• 首页开发（新增一些漂亮的图表）
• 404、403 页面优化
• 权限管理页面布局优化
• 登录页布局优化
• 新增表格 CRUD 页面
• 新增一些常见功能示例（文件下载、打印、文件预览、富文本等）
• 新增 src/config/layout 配置项缓存功能
• 路由的 icon 配置项支持 Element Plus 的 Icon
• 完善中文文档（已新增针对新手的手摸手教程）
• 新增英文文档
• 新增英文 README
• 新 Logo 设计
• keep alive 缓存
• 消息通知功能
• 内容区全屏
• 灰色模式 & 色弱模式
• Axios 响应数据支持通过泛型推导
• 优化 createRequest 方法，防止 headers 默认配置被完全覆盖
• 优化路由白名单判断规则
• 新增标签栏缓存功能
• 新增可开关的 Footer 页脚
• 新增可开关的全局水印
• 可拖拽动态改变宽度的左侧菜单
• 动态浏览器 Title

Medium

• 新增大屏可视化示例页面
• 新增后端返回动态路由功能（配套用户、角色、权限管理三个页面）
• 新增不同的 layout 一键切换（左侧模式、顶部模式、混合模式）
• 混合布局模式新增分割菜单功能（顶部展示一级菜单，侧边展示二级及其以上菜单）
• 左侧布局模式新增分割菜单功能（左侧展示一级菜单，面板内展示二级及其以上菜单）
• 新增菜单搜索功能
• 三级路由缓存功能
• 深度优化所有代码（已在 v4.0.0 版本上线）
• 炫酷锁屏
• 将 TagsView 组件内的方法提取至 hook，并支持手动修改 title（#70）
• 国际化

Hard

• 给出一个更加简洁的版本（移除：多主题、多布局、权限）

直接复制elementplus上的案列过来是可以的，但是数据要是请求过来的就不生效，我在你的table中用创建时间试了排序好像也不行。sort是数字，prop也有。就是不生效搞不懂为什么

按照文档提示安装相关依赖，启动程序时会报错
Uncaught SyntaxError: Unexpected reserved word __uno.css:15

pnpm版本是8.6.6
node版本 18.16.0
执行pnpm i 依赖安装正常，没有问题

这个问题在vue2中也会出现，由于使用了懒加载的问题，所以用户已经在A页面使用，同时前端资源重新发布了一个新的版本，因为B页面代码有所改动导致js的hash值变化，这个时候，用户切换页面到B页面会出现资源加载404的问题。

解决：之前的解决方式是前端在router.error中判断404的问题，并主动刷新页面重新加载最新资源。个人觉得有点风险。请教一下从前端的角度有无更好的方式呢？

NODE_ENV=production is not supported in the .env file. Only NODE_ENV=development is supported to create a development build of your project. If you need to set process.env.NODE_ENV, you can set it in the Vite config instead

搜了一下，有的文说是vite要降级到3版本，有没有什么正常的解决办法？

旧地址像下面这样修改登录模块的这两个接口即可模拟登录：

/** 登录并返回 Token */
export function loginApi(data: Login.LoginRequestData) {
  // return request<Login.LoginResponseData>({
  //   url: "users/login",
  //   method: "post",
  //   data
  // })
  return {
    code: 0,
    data: { token: "xxx" },
    message: "登录成功"
  }
}

/** 获取用户详情 */
export function getUserInfoApi() {
  // return request<Login.UserInfoResponseData>({
  //   url: "users/info",
  //   method: "get"
  // })
  return {
    code: 0,
    data: {
      username: "xxx",
      roles: []
    },
    message: "获取用户详情成功"
  }
}

.editorconfig 中的配置end_of_line = lf 不适用于 windows，建议去掉。

tag管理按钮点击无反应，控制台也没有报错信息

在vit.config.ts中开启反向代理之后还是一直报cors error，是遗漏了其他某个配置吗？

复现 将下面代码粘到 login.vue 或者其他vue 文件中，运行 build 命令 会失败
`

错误src/views/dashboard/index.vue:5:7 - error TS2322: Type '{ toString: () => string; toDateString: () => string; toTimeString: () => string; toLocaleString: { (): string; (locales?: string | string[] | undefined, options?: DateTimeFormatOptions | undefined): string; (locales?: LocalesArgument, options?: DateTimeFormatOptions | undefined): string; }; ... 39 more ...; [Symbol...' is not assignable to type 'EpPropMergeType<(new (...args: any[]) => ModelValueType & {}) | (() => ModelValueType) | ((new (...args: any[]) => ModelValueType & {}) | (() => ModelValueType))[], unknown, unknown> | undefined'.
Type '{ toString: () => string; toDateString: () => string; toTimeString: () => string; toLocaleString: { (): string; (locales?: string | string[] | undefined, options?: DateTimeFormatOptions | undefined): string;
(locales?: LocalesArgument, options?: DateTimeFormatOptions | undefined): string; }; ... 39 more ...; [Symbol...' is not assignable to type '[DateModelType, DateModelType]'.
Target requires 2 element(s) but source may have fewer.

5 v-model="value1"
~~~~~~~`

createCode 获取验证码，填写错误url ,导致业务一直location.reload()刷新.
暂时解决注释掉

1、版本：
node: v16.15.1
pnpm: 7.5.0

2、复现路径：
pnpm build

3、报错如下图：

页面的内容区域有时候会出现空白 需要刷新才能恢复，但是目前我也不确定是在什么情况下能复现这样的情况，有遇到同样问题的小伙伴可以说下都是怎么解决的吗

页面切换动画后半段比较生硬

您好,能提供一个简洁点的模板吗?

RT.

为什么我本地开发登录了会报错呢
Uncaught (in promise) ReferenceError: triggeringElement is not define

If this project is helpful to you, you can buy the author a cup of coffee!

如果这个项目对你有帮助，你可以请作者喝杯咖啡！

error.ts:14 ElementPlusError: [ElPagination] 你使用了一些已被废弃的用法，请参考 el-pagination 的官方文档
at debugWarn (error.ts:13:37)
at Proxy. (pagination.ts:203:9)
at renderComponentRoot (runtime-core.esm-bundler.js:914:44)
at ReactiveEffect.componentUpdateFn [as fn] (runtime-core.esm-bundler.js:5649:57)
at ReactiveEffect.run (reactivity.esm-bundler.js:190:25)
at instance.update (runtime-core.esm-bundler.js:5763:56)
at setupRenderEffect (runtime-core.esm-bundler.js:5777:9)
at mountComponent (runtime-core.esm-bundler.js:5559:9)
at processComponent (runtime-core.esm-bundler.js:5517:17)
at patch (runtime-core.esm-bundler.js:5119:21)

这个是控制台输出的，我也不太懂前端。

如题

报错如下：

如果出现类似报错：Cannot find module 'xxx/vite' or its corresponding type declarations

是因为 v3-admin-vite v3.3.4 及其以下版本依赖的 ts 版本小于 5（马上发版的 v3.4.0 依赖的 ts 大于 5），但是最新版 vscode 内置的 ts 版本大于 5，这时候 vscode 默认是使用的内置 ts 版本，你可以手动在右下角切换：

这样确保项目依赖的 ts 版本和实际使用的一致，就没问题了

您好：
非常感谢您这个非常棒的开源项目，本人在table部分keepAlive是成功的，但如果是三级及三级以上使用keepAlive确是失效的，麻烦有空看看？

很棒的项目！是否可以加个从后台动态获取菜单的功能呢，比如mock一个后台接口，返回菜单数据进行渲染？

如题

When the tabs more than the screen width, it cannot auto scoll to that tab after you click the menu which is hidden.

Should like this:

When the component has mutiple root, the component can't be animated that target compontent can't be displayed(blank content).

使用vue3的时候经常会出现一种情况，语法写法没问题，但是打开控制台就会出现奇怪断点，点击继续运行却没有报错
async function waitForDomElementReady() { try { return await waitFor(() => { let mainText = getMainText(document.body); if (mainText && mainText.length >= 10) return !0; throw new Error("there is no main text"); }, { timeout: 1e4 }), !0; } catch (e3) { throw e3; } }
在throw new Error("there is no main text");这行

当sidebar的最后一个是一个没有二级的菜单时，滚动到最下方，背景就变成透明的了

自定义样式

@forward 'element-plus/theme-chalk/src/common/var.scss' with (
  $colors: (
    'primary': (
      'base': #ffbf13,  // 黄色
    ),
  ),
  $font-size : (
    'base' : 12px
  ),
);

切换到深蓝模式后，hover 按钮时应用了自定义样式：

没有自定义样式时，深蓝皮肤hover时也没有应用到定义的primary样式：

bug原因是，深蓝模式下，没有完全覆盖原本的 primary样式，只是重写了--el-color-primary，还有--el-color-primary-light-x 没有覆盖，如果需要我可以提供pr

如图，上面是PC的适配模式，下面是iphone访问safari的显示

例如我配置一个路由设置keepAlive为true，这里跳转详情页面会根据id的不同创建新的tag页

并在页面设置相同的name

如果是点击关闭其它的页面，上面配置的这个详情页面都是正常的，切换过去并不会刷新。
但是，点击关闭 详情A页面，详情B页面 就会刷新，导致 详情B页面 之前输入的内容被清空，页面也重新加载页面、接口了。