HarmonyOS 鸿蒙Next 仓颉组件示例代码无法引用图片资源

/**


Created on 2024/8/5
*/
package ohos_app_cangjie_entry.pages

import ohos.base.*
import ohos.component.*
import ohos.state_manage.*
import ohos.state_macro_manage.*
import ohos.router.*
import ohos_app_cangjie_entry.components.*
import ohos_app_cangjie_entry.components.playground.utils.*
import ohos_app_cangjie_entry.components.playground.image.*
import ohos_app_cangjie_entry.utils.*
import ohos.resource_manager.*
import cj_res_entry.app
@Entry
@Component
class ImageView {
// 图片填充方式
@State var objectFit: ImageFit = ImageFit.Cover
// 图片的渲染方式
@State var renderMode: ImageRenderMode = ImageRenderMode.Original
// 容器的宽度
@State var width: Int64 = 380
// 容器的高度
@State var height: Int64 = 130
// 图片的重复方式
@State var objectRepeat: ImageRepeat = ImageRepeat.NoRepeat
func build() {
Scroll() {
Column(SECTION_EXTERNAL_SPACE) {
PageTitle(content: “Image”)
    PageDescription(content: <span class="hljs-string">"Image组件主要用于呈现图片"</span>)

    Column(SECTION_INTERNAL_SPACE) {
      SectionTitle(content: <span class="hljs-string">"Playground"</span>)

      Image(<span class="hljs-meta">@r(app.media.hc_2024_cn)</span>)
      .objectFit(objectFit)
      .renderMode(renderMode)
      .objectRepeat(objectRepeat).width(width).height(height)

      Column(BAR_OUTER_GRID_SIZE) {
        SliderBar(
          value: width,
          sliderParams: SliderParams(<span class="hljs-number">100.0</span>, <span class="hljs-number">400.0</span>, <span class="hljs-number">10.0</span>),
          title: <span class="hljs-string">"Width"</span>
        )

        SliderBar(
          value: height,
          sliderParams: SliderParams(<span class="hljs-number">50.0</span>, <span class="hljs-number">400.0</span>, <span class="hljs-number">10.0</span>),
          title: <span class="hljs-string">"Height"</span>
        )

        ObjectFitBar(objectFit: objectFit)

        ObjectRepeatBar(objectRepeat: objectRepeat)

        RenderModeBar(renderMode: renderMode)
      }.padding(bottom: <span class="hljs-number">50</span>)
    }.section()
  }.pageContainer()
}
}
}