前后端分离的开发框架中，以下几种命令：npm run dev、npm run build:stage 和 npm run build:prod分别有什么作用和区别（详解）

### 如何解决全局引入 Ant Design (Antd) 后 'Antd is not defined' 的问题 当遇到 `Antd is not defined` 错误时，这通常意味着项目未能正确加载或注册 Ant Design 库。以下是具体解决方案： #### 1. 安装依赖包 确保已经安装了最新版本的 `ant-design-vue` 和其相关依赖项。 ```bash npm install ant-design-vue@latest --save ``` #### 2. 修改 main.js 文件配置 为了实现全局引入，在项目的入口文件（通常是 `main.js` 或者类似的初始化脚本）中移除任何现有的按需加载逻辑，并替换为如下所示的内容来完成整个库的一次性导入[^1]。 ```javascript import { createApp } from 'vue'; import App from './App.vue'; // 导入并使用完整的 Ant Design Vue 组件库 import Antd from 'ant-design-vue'; import 'ant-design-vue/dist/antd.css'; // 引入样式表 const app = createApp(App); app.use(Antd); // 注册 Ant Design Vue 插件 app.mount('#app'); ``` 通过这种方式可以避免因部分组件未被正确加载而导致定义缺失的情况发生。 #### 3. 清理缓存重新编译构建 有时候旧版资源可能仍然存在于开发服务器上造成冲突，因此建议清理本地node_modules目录以及清除IDE/Webpack等工具内部维护的各种形式的缓存后再尝试启动应用以验证更改效果[^2]。 执行以下命令删除 node_modules 并重建环境: ```bash rm -rf node_modules/ npm cache clean --force npm install ``` 最后重启开发服务查看是否解决了该问题。