HarmonyOS 鸿蒙Next ArkUI入门训练营-IDE 控制台报错，信息不直观

HarmonyOS 鸿蒙Next ArkUI入门训练营-IDE 控制台报错，信息不直观 #ArkUI入门训练营-IDE 控制台报错，信息不直观#

1、问题主题

#ArkUI入门训练营-IDE 控制台报错，信息不直观#

答： DevEco Studio的Log控制台，HiLog和FaultLog，信息不直观，不容易定位和发现问题

2、问题描述

答： 我创建一个MyTestViewModel.ets的类，使用@Observed和ObjectLink数据管理，参考文档的基础示例，发现页面数据的状态更新有问题，有些组件无法更新状态，

然后我又找到了，codelab里面的健康生活的代码，同样也参考了健康生活的代码，然后我也使用@Observed和@ObjectLink以及@Link进行数据管理。

伪代码如下：

// 定义了一个ViewModel[@Observed](/user/Observed)
export class MyTestViewModel {
  .....
}

// 我的二级测试页面
@Component
export struct MyTestScreen{
  @State viewModel: MyTestViewModel = new MyTestViewModel()
  childComponent1({ viewModel: $viewModel })
  childComponent2({ viewModel: $viewModel })
  // more....
}

@Component
export struct childComponent1{
  [@ObjectLink](/user/ObjectLink) viewModel: MyTestViewModel 
  // .....
}

这个时候气氛变得僵硬起来，打开Demo的MyTestScreen页面就提示：“jscrash happened”，页面数据渲染和显示不正常，不容易定位问题发生点，它提示的错误如下：

Device info:OpenHarmony 2.0 Canary
Build info:OpenHarmony 3.2.6.3
Module name:com.melody.anim.myapplication
Version:1.0.0
Pid:252
Uid:20040003
Lifetime: 0.000000s
Js-Engine: arkpage: pages/HomePage.js
Error message: is not callable
Stacktrace:

但是我现在通过router打开的页面不是SecondPage.js，这个日志，根本对我没有任何用处。

参考的原文档地址： 页面级变量的状态管理-状态管理-ArkTS语法（声明式UI）-学习ArkTS语言-开发基础知识-入门-HarmonyOS应用开发

codelab地址： Healthy_life · HarmonyOS/Codelabs - 码云 - 开源中国 (gitee.com)

3、创建的工程类型：HarmonyOS/OpenHarmony

答：HarmonyOS

4、SDK的API版本号

答：API 9

5、出问题时，您尝试过什么样的操作

答： 上面显示的是jscrash，我就切换到HiLog下面，想查看js log，同时选择Error选项，过滤出来错误日志，在没有看到有用的日志信息的时候，我又切换到Verbose，找更多日志信息，想看报错的点是哪里。

发现，并没有我想要的日志信息，我又重复操作，选择：“Show only selected application”，查看当前应用的日志信息，然后也没有看到有用的错误信息。

我尝试，切换Verbose和Error，都没有发现我想要的报错信息点，没有找到有用的错误日志信息。

6、需要得到怎么样的结果

答： 我想要得到，页面组件出现错误的时候，能第一时间通过控制台的日志，找到定位的关键报错信息点的日志。

7、请附上您出现问题页面的链接和截图、设备日志、IDE日志等

答：

8、如涉及IDE问题，请提供IDE版本

答： DevEco Studio 3.1 Canary1 Build Version: 3.1.0.100, built on November 3, 2022 Runtime version: 11.0.13+7-b1751.21 amd64 VM: Dynamic Code Evolution 64-Bit Server VM by JetBrains s.r.o. Windows 10 10.0 GC: G1 Young Generation, G1 Old Generation Memory: 1536M Cores: 8 Registry: external.system.auto.import.disabled=true

9、改进建议：

应用报错之后，出现jscrash，希望能够在Show only js log中，通过选择Error筛选出来当前报错的关键日志信息。

或者应用某个组件报错之后，可以在Show only selected application中，通过选择Error，之后能够直观的看到当前报错的地方是在哪里，或者说，报错的上下文在哪里。