react项目部分页面--代码保存不刷新

react部分页面代码保存不刷新

博主要被这个问题搞疯掉了，这个问题真的是太恶心了。react是自带热更新的，主要页面可以看到，你修改代码保存，页面不刷新，不报错，手动刷新页面也没用，但是只有重启项目你的代码才会刷新。是不是巨坑坑坑坑坑坑坑坑坑坑坑坑坑坑坑坑坑坑坑坑坑坑坑坑坑坑坑坑坑坑坑坑坑坑坑坑坑坑坑坑坑坑坑坑坑坑坑坑坑坑坑坑坑坑坑坑坑坑坑坑。

1.首先看一下你的route.js的component组件路径对不对

切记：这个路径一定要看好文件路径名称对不对。

{
    
    
                name: '登录',
                path: '/userCenter/login',
                component: './UserCenter/login',// 正确路径
              },

2.看一下你的电脑是不是苹果电脑

对于Mac,是不区分大小写的，所以你的 component: ‘./userCenter/login’,项目npm start的时候，你是可以看到login页面的，但是由于userCenter首字母没有大写，但是单词是对的，所以页面启动的时候，你可以通过路径访问到对应页面，也不报错，但是你在login页面改了代码以后，项目不会再热更新，你手动刷新，强制刷新，清除缓存刷新都是没用的。
划重点：当前页面改了代码并且保存以后，不热更新。对于Mac，一定要看一看component路径大小写有没有问题。

{
    
    
                name: '登录',
                path: '/userCenter/login',
                component: './userCenter/login',// 错误路径，userCenter应该是UserCenter,首字母没有大写
              },