uni-app 新建的项目,编辑app.vue后保存时报错,刷新后正常

发布于 1周前 作者 yibo5220 来自 Uni-App

uni-app 新建的项目,编辑app.vue后保存时报错,刷新后正常

信息类别 详情
产品分类 uniapp/App
PC开发环境 Windows
PC系统版本 win10
HBuilderX 正式
HBuilderX版本 3.4.7
手机系统 Android
手机系统版本 Android 12
手机厂商 华为
手机机型 和手机无关
页面类型 vue
vue版本 vue2
打包方式 云端
项目创建方式 HBuilderX

示例代码:

<script>  
    export default {  

        onLaunch: function () {  
            console.log('App Launch');  
        },  
        onShow: function () {  
            console.log('App Show');  

        },  

        onHide: function () {  
            console.log('App Hide')  
        },  

    }  
</script>  

<style>  
    /*每个页面公共css */  
    .a {  
        color: antiquewhite;  
    }  
</style>  

操作步骤:

  1. 新建项目,
  2. 打开【预览】,
  3. 编辑App.vue中script有效部分,随便改个什么
  4. 点保存

预期结果: 不要报错,虽然刷新后也正常,但很别扭。

实际结果: 报错

bug描述: 新建项目,打开【预览】,编辑App.vue中script有效部分,随便改个什么点保存都会报错。(代码行后加分号,改css都不会) 如果刷新项目,正常。


3 回复

只要刷新没有问题即可 app.vue里面包含了太多的东西 所以可能热加载 不能够重新加载他的配置 再说,这个改的频率不多 不用特别纠结


这个问题给我整无语了,虽然不影响开发,但是让人难受,希望官方关注一下

在 Uni-App 项目中,编辑 App.vue 文件后保存时出现报错,但刷新后恢复正常,可能是由于以下几个原因导致的:

1. 热更新问题

Uni-App 使用 HBuilderX 或 VSCode 进行开发时,默认会启用热更新(Hot Module Replacement, HMR)。热更新在某些情况下可能会导致组件状态或依赖关系没有正确更新,从而引发错误。

解决方法:

  • 尝试禁用热更新,或者在保存后手动刷新页面。
  • manifest.json 中配置 "h5" 下的 "devServer",关闭热更新:
    "h5": {
      "devServer": {
        "hot": false
      }
    }
回到顶部
AI 助手
你好,我是IT营的 AI 助手
您可以尝试点击下方的快捷入口开启体验!