【Umi/Ant Design Pro】调试node_modules

最新推荐文章于 2024-08-13 10:51:07 发布
最新推荐文章于 2024-08-13 10:51:07 发布
阅读量899 收藏
点赞数
分类专栏： 前端 文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37086982/article/details/124125816
版权

umi 默认情况下会使用msfu，进行预编译，提高加载速度，但是这样会导致在node_modules做的修改，无法通过热更新获得实时的改动。

如果使用Ant Design Pro框架，那么就需要在config.ts中把配置项
mfsu: {}
去掉。
等待再次编译，即可看到node_modules中的变化

南乡人
关注
专栏目录
UMI.CMS调试工具「UMI.CMS Debugging Tool」-crx插件
03-10
工具，以促进UMI.CMS网站的开发和调试 有利于UMI.CMS网站开发和调试的扩展。 - 自动检测并显示经常使用的调试资源的链接，例如.xml，ShowStreamsCalls，uobject：//，upage：//，udata：//等 - 在页面右侧的模式窗口中输出XML，避免在UMI.CMS中打开大量带有XML数据的选项卡。 - 从UMI解析XML，将XML节点的属性（如页面，对象标识符，@link）直接转换为链接以进行升级：//，uobject：//等元素链接以蓝色和黑体字体突出显示。在showStreamsCalls中，每个呼叫也被转换成一个链接。 - 能够处理相同的XML输出，打开 在新标签中。 - 不是后台进程，因此，直到你点击它的图标才会消耗内存 支持语言:русский
umi2.x安装包有问题ERROR in ./node_modules/@ant-design/icons/es/icons/LoadingOutlined.js Module not found:
坚持原创
09-10 1103
通过yarn create @umijs/umi-app创建的umi项目，在yarn安装完依赖包之后报了上图错误。
ant -design 框架以及具体调试
最新发布
weixin_55605689的博客
08-13 463
Ant-Design-Vue 是一个基于 Ant Design 设计体系的 Vue 实现。Ant Design 是由阿里巴巴开源的一个企业级 UI 设计语言，旨在提升用户体验和开发效率。Ant-Design-Vue 将 Ant Design 的设计理念和组件库带入了 Vue 生态系统，使得开发者能够在 Vue 项目中使用高质量的 UI 组件。Ant-Design-Vue 是一个基于 Ant Design 设计体系的 Vue 实现。
vue运行报错Error: Cannot find module ‘@vue/cli-plugin-babel‘
热门推荐
梦翼横空的专栏
03-09 3万+
原因：当前电脑nodejs版本过高，项目的配置太低，不匹配，如下package.json
Webstorm通过脚本快速进行Umi dev前端调试
LiKEleen的博客
09-26 1188
本文展现了在Webstorm中使用Terminal终端开启Umi dev 和脚本快速启动Umi dev两种方式进行前端调试。
如何给之前的umi项目添加umi3.5新特性之提速方案mfsu
u010234868的专栏
10-12 1435
之前的项目在启动的时候，会出现“启动时间有点慢，试试新出的MFSU方案，1s+完成启动，详见……至此，mfsu提速方案完成。
umi3.5新特性之提速方案mfsu
无翼之雀的博客
07-09 1万+
umi（插件化的企业级前端应用框架）正式发布了3.5版本，此次更新带来了一个全新的功能：mfsu。mfsu是一种基于webpack5新特性Module Federation（模块联邦）的打包提速方案。开启mfsu可以大幅减少启动项目和热更新所需的时间。在生产模式，也可以通过提前编译依赖，大幅提升部署效率。
使用yarn create umi安装Ant Design Pro时报错TypeError: self.env.emit is not a function
01-08
TypeError: self.env.emit is not a function at /usr/local/share/.config/yarn/global/node_modules/yeoman-generator/lib/index.js:653:22 at processTicksAndRejections (internal/process/task_queues.js:97:5)...
ant design pro动态菜单
03-30
在Ant Design Pro中实现动态菜单是一项常见的需求，尤其是在构建企业级后台管理系统时。Ant Design Pro是一个基于Ant Design和React的高级UI框架，它提供了一系列组件和解决方案，帮助开发者快速搭建和定制后台应用...
umi-antd-pro::ghost:use umi conventional routing in Ant Design Pro 使用umi约定式路由多Tabs的Ant Design Pro（Antd Pro的实验项目）
05-22
English || | | 蚂蚁设计专业版 适用于企业应用程序的即用... 宣布Ant Design Pro 2.0.0 翻译招聘 :loudspeaker: 我们需要您的帮助： https : //github.com/ant-design/ant-design-pro/issues/120 特征 :gem_stone:
umi+ant_pro-demo.rar
09-22
【umi+ant_pro-demo.rar】是一个包含使用Umi框架和Ant Design Pro库构建的Web应用示例项目的压缩包。这个项目展示了如何结合这两个强大的工具来快速开发企业级的前端应用。接下来，我们将深入探讨其中涉及的主要知识...
umi配置项
今天,你学习了吗?
08-25 1286
import { defineConfig } from 'umi'; export default defineConfig({ hash: true, //兼容IE11 targets: { ie: 11, }, //配置 html 的输出形式，默认只输出 index.html。 exportStatic: {}, //全局标题 title: 'hi', // 配置主题，实际上是配 less 变量。 theme: { 'primary-colo
React开发（258）:react项目理解 ant design debug
歌谣的博客
12-01 135
Umi框架使用详细教程demo,从快速入门到进阶
qq_42704945的博客
08-08 1万+
Umi 使用了 webpack 作为底层构建工具。通过中的配置，可以自定义 webpack 配置。config},Umi 框架提供了丰富的功能和灵活的配置选项，使得前端开发变得更加简单、高效和具有扩展性。通过本教程，我们详细介绍了 Umi 的使用和配置以及一些进阶功能和扩展的知识点。希望这个 Umi 框架详细教程对你有所帮助！
fatal - Error: Register plugin D:/youqu/yuntu-back/node_modules/@umijs/plugins/dist/layout.js failed
WJLcomeon的博客
09-18 1055
fatal - Error: Register plugin D:/youqu/yuntu-back/node_modules/@umijs/plugins/dist/layout.js failed
antd-admin-pro umi 突然热更新失效无法自动编译的解决办法
前端一线搬运工的博客
02-06 4516
场景: 项目一直用着正常, 突然有一天失效了, 网上的办法不适用, 查看了umi文档解决(可能并不适合所有人) 我的场景是首次运行保存会热更新,随后就要手动刷新, 开发中偶尔很难得的触发自动刷新. 解决办法: 在config/config.dev.ts 或 config/config.ts 文件内加上fastRefresh:{}即可 官方文档:https://umijs.org/zh-CN/docs/fast-refresh ...
umijs脚手架初始化运行报错
xiliuhu的专栏
07-09 1258
yarn run v1.22.10 $ umi dev Starting the development server... × Webpack Compiled with some errors in 10.49s ERROR Failed to compile with 2 errors These relative modules were not.
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值