鸿蒙系列--预览刷新报错:Preview failed.Unable to start the previewer. Open PreviewerLog to check for details.

本文详细介绍了在开发过程中遇到的一系列Webpack构建和预览问题,包括Build任务失败、JSON引用问题、@Entry装饰器错误以及JSON解析错误。提供了相应的解决方案,如清理缓存、调整设置和编辑配置文件等。
摘要由CSDN通过智能技术生成

一、解决方案

点击Build -> Rebuild Project,查看PreviewerLog信息

或者Refresh

二、问题原因

1.Build task failed. Open the Run window to view details.

解决方案:

打开设置:Preferences…  取消下面的选择框,并刷新预览

2.[webpack-cli]  ERROR: page 'xxx.ets' does not exist. 

build后查看PreviewerLog信息:

问题原因:

        新建一个Page文件,都会在resources目录下的json中新建一个引用,而删除ets文件是删除文件,引用不会删除

解决方案:

       在resources -> profile -> main_pages.json文件中删除已删除的引用

3 .It's not a recommended way to export struct with @Entry decorator, which may cause ACE Engine error in component preview mode.

问题原因:

        main_pages.json文件中只能配置@Entry的组件

解决方案:

         删除main_pages.json文件中的不需要@Entry的组件

4.It's not a recommended way to export struct with @Entry decorator, which may cause ACE Engine error in component preview mode.  

问题原因:

         使用@Entry 装饰器导出struct

解决方案:

        不推荐使用@Entry 装饰器导出struct,这可能会导致组件预览模式下的ACE Engine 错误,删除export

5.[webpack-cli] SyntaxError: Unexpected end of JSON input

日志分析:

前一秒还好好的,还能正常预览,下一秒就这样了

根据日志updateCachedSourceMaps,说明有缓存,对项目进行clean、rebuild,都不管用

问题原因:

        预览功能页有缓存,entry下的.preview文件就是项目预览页面的缓存

解决方案:

        直接删除entry下的.preview文件,重新预览就可以了

评论 8
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值
>