HarmonyOS鸿蒙Next中预览器一直转圈加载不出来

HarmonyOS鸿蒙Next中预览器一直转圈加载不出来 预览器一直转圈 把这个文件删除重新进入后就能预览出来别的文件了 或者把@Extend装饰器跟调用注释掉也能成功预览 求解 这是这个文件的代码 .preview文件删除了也没用

//全局定义
[@Extend](/user/Extend)(Text) function titleStyles(){// 组件装饰扩展器 可修改系统组件的样式 只支持全局定义 支持传参
  .fontColor($r("app.color.add_title_color"))
  .fontSize(16)
  .margin({bottom:15})
}
[@Extend](/user/Extend)(TextInput) function inputStyles(){
  .borderRadius(0)
  .backgroundColor("#F1F3F5")
  .placeholderColor($r("app.color.text_color"))
}
[@Extend](/user/Extend)(Line) function lineStyles(value:string = "100%") {
  .width(value)
  .height(1)
  .backgroundColor($r("app.color.add_title_color"))
}

@Entry
@Component
struct Page_AddTask {
  // 组件内定义
  @Styles function columnSty(){
    .width("100%")
    .backgroundColor($r("app.color.add_title_color"))
    // 封装fontSize会报错
    // .fontSize(26)
  }

  build() {
    Column() {
      // 页面标题
      Text("新建任务")
        .fontSize(26)
        .margin({bottom:10})
        .fontWeight(FontWeight.Bold)
        .fontColor($r("app.color.text_color"))
      // 存放页面主体内容
      Column({space:10}){

        // 存放标题模块
          Column({space:10}){
            Text("标题")
              .titleStyles()

            TextInput({placeholder:"请输入任务的名字"})
              .inputStyles()

            Line()
              .lineStyles()
          }
          .width("100%")
          .alignItems(HorizontalAlign.Start)

        // 存放日期模块
        Column({space:10}){
          Text("日期")
            .titleStyles()

          TextInput({placeholder:"请输入日期"})
            .inputStyles()

          Line()
            .lineStyles()
        }
        .width("100%")
        .alignItems(HorizontalAlign.Start)

        // 存放时间模块
        Column({space:10}){
          Text("时间")
            .titleStyles()
          Row(){
            Column(){
              TextInput({placeholder:"请输入时间"})
                .inputStyles()
              Line()
                .lineStyles("48%")
            }
            .width("48%")
            Column(){
              TextInput({placeholder:"请输入时间"})
                .inputStyles()
              Line()
                .lineStyles("48%")
            }
            .width("48%")

          }


        }
        .width("100%")
        .alignItems(HorizontalAlign.Start)

        // 存放描述模块
        Column({space:10}){
          Text("描述")
            .titleStyles()

          TextInput({placeholder:"请输入核心内容"})
            .inputStyles()

          Line()
            .lineStyles()
        }
        .width("100%")
        .alignItems(HorizontalAlign.Start)

        // 存放类型模块
        Column({space:10}){
          Text("类型")
            .titleStyles()

        }
        .width("100%")
        .alignItems(HorizontalAlign.Start)
      }
      .width("100%")
      .height("100%")
      .alignItems(HorizontalAlign.Start)
    }
    .height('100%')
    .width('100%')
    .padding(10)
    .backgroundColor("#F1F3F5")
  }
}

更多关于HarmonyOS鸿蒙Next中预览器一直转圈加载不出来的实战教程也可以访问 https://www.itying.com/category-93-b0.html

5 回复

cke_6789.png

这个是截图的位置,请参考。

更多关于HarmonyOS鸿蒙Next中预览器一直转圈加载不出来的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


首先谢谢大佬 但是我试了一下不行 我重新建了一个项目把这个文件的代码粘贴进去还是一样的问题 预览器关闭再打开就直接显示的加载界面 我用deepseek搜说是line的用法有问题 他让我换了个Divider组件就可以了,

好的,解决了就好,祝你开心,大家一起加油❤,

你好。请在当前项目根目录下的entry>src>main>ets>entryability>EntryAbility.ets文件中,检查这个生命周期onWindowStageCreate下面的方法windowStage.loadContent(‘pages/配置你的真实页面名称’)里的页面名称配置是否正确,如果你要加载的是截图上的Page_AddTask.ets这个页面,就把它配置进去。点一下侧边栏的预览器先关闭,再重新点一下预览器,等预览器重新加载成功,应该就可以了。希望能够帮助到你。

在HarmonyOS鸿蒙Next中,如果预览器一直转圈加载不出来,可能是以下原因导致的:

  1. 网络问题:检查网络连接是否正常,确保设备能够访问互联网。
  2. 资源加载失败:确认所需资源(如图片、视频等)是否已正确上传且路径无误。
  3. 代码错误:检查代码中是否存在语法错误或逻辑问题,导致预览器无法正常加载。
  4. 系统缓存:尝试清除应用缓存或重启设备,以解决可能的缓存问题。
  5. 版本兼容性:确保开发工具和系统版本兼容,必要时更新到最新版本。

如果问题依旧,建议查看开发文档或联系技术支持获取进一步帮助。

回到顶部