uni-app 新建的项目,编辑app.vue后保存时报错,刷新后正常
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>
操作步骤:
- 新建项目,
- 打开【预览】,
- 编辑
App.vue
中script有效部分,随便改个什么 - 点保存
预期结果: 不要报错,虽然刷新后也正常,但很别扭。
实际结果: 报错
bug描述:
新建项目,打开【预览】,编辑App.vue
中script有效部分,随便改个什么点保存都会报错。(代码行后加分号,改css都不会)
如果刷新项目,正常。
3 回复
这个问题给我整无语了,虽然不影响开发,但是让人难受,希望官方关注一下
在 Uni-App 项目中,编辑 App.vue
文件后保存时出现报错,但刷新后恢复正常,可能是由于以下几个原因导致的:
1. 热更新问题
Uni-App 使用 HBuilderX 或 VSCode 进行开发时,默认会启用热更新(Hot Module Replacement, HMR)。热更新在某些情况下可能会导致组件状态或依赖关系没有正确更新,从而引发错误。
解决方法:
- 尝试禁用热更新,或者在保存后手动刷新页面。
- 在
manifest.json
中配置"h5"
下的"devServer"
,关闭热更新:"h5": { "devServer": { "hot": false } }