pig-ui 项目常见问题解决方案

pig-ui 项目常见问题解决方案

pig-ui 🚀 The best rbac web framework. base on Spring Boot 3.1、 Spring Cloud 2022、 OAuth2 . Give a star 项目地址: https://gitcode.com/gh_mirrors/pi/pig-ui

项目基础介绍

pig-ui 是一个为 PIGCLOUD 微服务开发平台开发的前端项目。它利用了现代 Web 技术，包括 Vue.js 3、Element Plus 和 Vite，提供了一个健壮且高效的开发环境。该项目的主要编程语言是 Vue.js 和 TypeScript。

新手使用注意事项及解决方案

1. 环境配置问题

问题描述：新手在克隆项目后，可能会遇到环境配置问题，导致项目无法正常运行。

解决步骤：

1. 检查 Node.js 版本：确保本地安装的 Node.js 版本为 18.0.0 或更高。

   node -v
   

2. 安装依赖：使用以下命令安装项目依赖。

   npm install --registry=https://registry.npmmirror.com
   

3. 启动开发服务器：使用以下命令启动开发服务器。

   npm run dev
   

2. 浏览器兼容性问题

问题描述：项目不支持 IE 11 及更低版本，可能会导致在这些浏览器中无法正常显示。

解决步骤：

1. 确认浏览器版本：确保使用的是现代浏览器的最后两个版本，如 Chrome、Firefox、Edge 等。
2. 使用 Polyfill：如果需要在旧版浏览器中运行，可以考虑使用 Polyfill 来兼容。

3. 构建问题

问题描述：在构建项目时，可能会遇到构建失败或构建产物不符合预期的问题。

解决步骤：

1. 检查构建命令：确保使用正确的构建命令。

   npm run build
   

2. 检查配置文件：确保 vite.config.ts 和 tsconfig.json 配置文件没有错误。
3. 查看构建日志：如果构建失败，查看构建日志以获取详细的错误信息。

通过以上步骤，新手可以更好地理解和解决在使用 pig-ui 项目时可能遇到的问题。

pig-ui 🚀 The best rbac web framework. base on Spring Boot 3.1、 Spring Cloud 2022、 OAuth2 . Give a star 项目地址: https://gitcode.com/gh_mirrors/pi/pig-ui