项目启动后刷新异常

项目启动后刷新异常

https://img1.sycdn.imooc.com//climg/6172dfe6090503c912950906.jpg

当点击刷新之后,这是什么情况,我重启过项目也没用,只要一刷新就这样

https://img1.sycdn.imooc.com//climg/6172dff809306b3a13860746.jpg

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

3回答
卡布琦诺 2021-10-31 15:04:46

同学你好,老师这边分别在Chrome v95.0.4638.54版本和Chrome v95.0.4638.69版本测试,未能复现同学的问题。在vscode编辑器开启自动保存的情况下,两个版本的测试结果都是输入内容,延迟几秒中,Chrome浏览器就会自动更新内容,具体测试结果如下:

https://img1.sycdn.imooc.com//climg/617e3f170aca7a0306000324.jpg

https://img1.sycdn.imooc.com//climg/617e3f170a1b65b506000323.jpg

从测试结果来看,应该是与同学的电脑有关系(电脑配置、安装大型软件占内存……)等其他原因影响Chrome的运行,也可能是误删了电脑中的什么程序造成的,不过同学可以尝试使用其他的浏览器进行预览和测试。

祝学习愉快!

好帮手慕星星 2021-10-23 14:15:19

同学你好,明白同学的意思了,老师这边偶尔也会出现这种问题。建议修改代码后,先看看cmd是否自动重启过了,如果没有可以按下ctrl+c,一般会有进程重启,然后再刷新页面。但也有可能是自己电脑配置的问题,配置低,启动慢。

或者同学安装下面这个插件

npm install babel-plugin-dynamic-import-node --save-dev

babel.config.js文件中配置

https://img1.sycdn.imooc.com//climg/6173a85b0953906905050259.jpg

 env: {
    development: {
      plugins: ['dynamic-import-node']
    }
  }

这样配置后可能会快一些,自己试试。

  • 提问者 JarvanIV #1

    还是没解决,现在每次修改代码,都只能在浏览器重新输入localhost:8080去看,没法刷新,好麻烦啊。原来都没事的,不知道为啥突然就这样了

    2021-10-24 13:41:24
  • 好帮手慕然然 回复 提问者 JarvanIV #2

    同学你好,建议同学重新创建一个vue项目试试,看是否也会出现这种问题,如果没有出现的话,说明是当前项目的配置或代码存在问题;如果也会出现的话,可能是电脑配置的问题,同学先按照老师所说的排查一下原因。祝学习愉快!

    2021-10-24 14:34:16
好帮手慕星星 2021-10-23 11:03:40

同学你好,“未连接到互联网”可能是自己网络的问题,建议检查一下。

项目如果有问题的话,一般会报错的。建议多重启试试。

祝学习愉快!

  • 提问者 JarvanIV #1

    https://img1.sycdn.imooc.com//climg/61737f2f09c26a0c16350838.jpg

    不是网络问题,是突然就这样子了,原来还好好的。

    好像是热更新的问题,项目启动之后,控制台没有报错

    https://img1.sycdn.imooc.com//climg/61737f6309b35ef507800297.jpg

    然后打开localhost:8080能够访问,但是修改代码之后,回到页面刷新就会这样了,只能关掉窗口,重新输入localhost:8080又可以显示了。


    总之就是不能用浏览器的刷新按钮去刷新页面,每次修改代码想看页面的改变只能重新输入localhost:8080

    2021-10-23 11:21:27
  • 提问者 JarvanIV #2

    能否安排人远程帮我看看,我换了一个编辑器webstorm,创建了一个新的项目,还是这样

    2021-10-31 12:01:13
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师