Ant Design pro 安装 Umi 无法出现悬浮窗

node

Node.js官方网站下载安装Node,或者使用nvm(Node.js版本管理工具)来切换多个不同的Node.js版本。

node下载

Node.js 中文网 (nodejs.cn)

nvm下载

window下安装并使用nvm（含卸载node、卸载nvm、全局安装npm）-CSDN博客

Ant Design Pro使用

使用官网文档中的初始化命令在启动后并不能显示出Umi的悬浮窗按钮

官方文档：https::/pro.ant.design/zh-CN/docs/getting-started

如果你还想用umi@3和umi ui

执行命令安装老版本的脚手架：

npm install -g @ant-design/pro-cli@3.1.0

然后使用pro-v查看版本号，保证是3.1.0，即可出现umi@3的选项：

选择框架版本时，一定要选V3!!!使用v4版本不支持umi ui悬浮按钮。这样接着pro create myapp就可以选择版本了，我们选 umi3.

有时候nodejs与你的版本不匹配，可能nodejs版本过高们可以选择

1.降低node版本

2.将package.json文件中的start 这一行改成

"start": "set NODE_OPTIONS=--openssl-legacy-provider && cross-env UMI_ENV=dev umi dev"

在启动项目后即可出现Umi的悬浮窗