HarmonyOS 本地lottie动画无法播放

import lottie, { AnimationItem } from '@ohos/lottie'; 
@Entry 
@Component 
struct Index { 
  @State animationDuration: string = '获取动画时长' 
  @State pauseState: string = '判断当前动画是否正在运行' 
  @State isCanvasVisible: Visibility = Visibility.Visible; 
  private renderingSettings: RenderingContextSettings = new RenderingContextSettings(true) 
  private canvasRenderingContext: CanvasRenderingContext2D = new CanvasRenderingContext2D(this.renderingSettings) 
  private animateItem2: AnimationItem | null = null; 
  aboutToDisappear(): void { 
    console.info('aboutToDisappear'); 
    lottie.destroy(); 
  } 
  build() { 
    Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Center, justifyContent: FlexAlign.Center }) { 
      Row({ space: 10 }) { 
        Canvas(this.canvasRenderingContext) 
          .width('45%') 
          .height(200) 
          .backgroundColor(Color.Gray) 
          .onReady(() => { 
            this.animateItem2?.resize(); 
          }) 
          .onDisAppear(() => { 
            lottie.destroy("2016"); 
          }) 
      } 
      Row() { 
        Button('加载2016') 
          .onClick(() => { 
            if (this.animateItem2 == null) { 
              this.animateItem2 = lottie.loadAnimation({ 
                container: this.canvasRenderingContext, 
                renderer: 'canvas', // canvas 渲染模式 
                loop: true, 
                autoplay: true, 
                name: '2016', 
                contentMode: 'Contain', 
                path: "common/lottie/data.json", // 路径加载动画只支持entry/src/main/ets 文件夹下的相对路径 
              }) 
            } 
          }) 
      }.margin({ top: 5 }) 
    } 
    .width('100%') 
    .height('100%') 
  } 
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.