umi\antd-pro热更新不生效解决方案

news/2024/7/15 18:37:19 标签: javascript, vue.js, react.js

项目热更新分为两种情况:
1.所有页面都无法更新
2.有的页面可以有的不可以(也就是有时生效,有时不生效)。
解决方案:
1.可以试试删除node_moudels下的.cache文件夹,并且删除pages下的.umi文件。
2.也有可能config.js里路由大小写的问题。
例子:比如class Login extends React.component{
}
你的config.js里也要写成大写(小写不报错,但有可能影响热更新,还有就是页面引入组件大小写不一致也会影响)
 routes: [{
            name: 'login',
            path: '/user/login',
            component: './user/Login', //写./user/login(不报错)
  }]

3.这种情况可能只适用于我自己(但是前面两种不行,不妨也可以试试)

我试了一下 antd-pro v4版本不会有问题,但是我们的项目无法直接升级(组件太多,比如antd3和4的区别挺大的)。

我的项目配置:

antd-pro (v2)

umi:2.8.7(v2)

系统: win 7  64位

首先看看自己项目所在目录是否为C盘,如果不是移动到C盘试试(我怀疑可能是chokidir对win7不太友好,暂时业务太忙没时间深追后面会研究一下具体原因)。

antd-pro遇到问题可以看看github官方有没有解答antd-pro github issues

umi遇到问题可以看看github官方有没有解答 umi github issues

4.文件目录最好不要有中文,可能会影响热更新(报error watch)。

5.在umi中,文件名需要使用小驼峰的命名规则,否则可能会导致热更新失效的问题

遇到无法热更新 需要 逐一排查 


http://www.niftyadmin.cn/n/1557624.html

相关文章

[iOS 相机相册调用] UIImagePickerController 简单实用 [转]

##[转] 文/Shelin(简书作者) 原文链接:http://www.jianshu.com/p/e70a184d1f32 著作权归作者所有,转载请联系作者获得授权,并标注“简书作者”。** 在iOS中要拍照和录制视频最简单的方式就是调用UIImagePi…

数组实例

例1&#xff1a;翻转字符串 function reverseString(str) {var array [];for(var i 0;i<str.length; i){array.push(str[i]);}var aa array.reverse().join(); return aa; }reverseString("hello"); //olleh reverseString("Howdy"); //ydwoH …

antd Select组件 filterOption使用踩坑报(options.props.children.toLower.Case() is not funcrion)

antd Select组件 filterOption使用 在使用antd Select组件的filterOption的踩坑。 如下是官网给出的示例&#xff1a; <SelectshowSearchstyle{{ width: 200 }}placeholder"Select a person"optionFilterProp"children"filterOption{(input, option) &…

[iOS 导航与TabBar混合] UINavigationCon+UITabBarViewController 混合使用

一般我们 _window.rootViewController ??? 都是用一个根导航控制器 说白了, 其实整个app里面 就有一个导航控制器 如果 _window.rootViewController 是TabBarControllerd 的子类 呢? 我这里记录下写法,仅供自己翻阅 AppDelegate.m - (BOOL)application:(UIApplica…

react onClick自执行问题与react绑定事件的几种方式比较(性能与优缺点)

写组件的时候发现子组件的onClick方法自动执行了&#xff0c;代码如下: let columns[ {title:"姓名",width:"150",dataIndex:"name" }, {title:"年龄",width:"150",dataIndex:"age" }, {title:"菜单权限&qu…

[iOSTabBarController自定义] 关联控制器和按钮的方法就是 selectedIndex = tag

如何自定义TabbarController 看这里 上面是个详细的帖子 自定义TabBar 首先 一直有个困惑,就是 当删除了 UITabBarController 的 [self.tabBar removeFromSuperview]; 之后,我们通常都会自己创建一个 tabBar的view 或者是 image 图片 然后,在这个 view 或者imageView 上…

react-antd table树形数据默认展开行实现以及自定义图标实现及踩坑(defaultExpandedRowKeys,expandedRowKeys)

前言&#xff1a; 最近在做一个权限管理的后台项目&#xff0c;经常涉及到树形数据展示&#xff0c;就用到了antd&#xff0c;table表格树形数据组件。记录一下使用过程的坑。 环境及配置&#xff1a; antd -3.23.6(大版本为antd 3) 官方antd 3版本API文档 antd 3和antd 4…

中琅领跑条码打印软件打开时找不到Sentinel锁的解决方案

在使用中琅领跑条码打印软件的过程中有些朋友可能会遇到这样的问题&#xff1a;昨天用着好好的&#xff0c;今天一打开缺报错了&#xff0c;错误信息为“未找到Sentinel锁&#xff0c;请联系官网www.ew8.cn寻求帮助&#xff01;&#xff08;H0007&#xff09;”。为什么会出现这…