harmonyos预览功能报错:[webpack-cli] SyntaxError: Unexpected end of JSON input

harmonyos预览功能报错

在使用DevEco Studio写页面,进行预览的时候报错:

复制代码
[Compile Result] [webpack-cli] SyntaxError: Unexpected end of JSON input
[Compile Result]     at JSON.parse (<anonymous>)
[Compile Result]     at updateCachedSourceMaps (/Users/wmding/Tools/Huawei/Sdk/openharmony/9/ets/build-tools/ets-loader/lib/gen_abc_plugin.js:1:11188)
[Compile Result]     at handleFullModuleFiles (/Users/wmding/Tools/Huawei/Sdk/openharmony/9/ets/build-tools/ets-loader/lib/gen_abc_plugin.js:1:14163)
[Compile Result]     at GenAbcPlugin.handleFinishModules (/Users/wmding/Tools/Huawei/Sdk/openharmony/9/ets/build-tools/ets-loader/lib/gen_abc_plugin.js:2:3272)
[Compile Result]     at Hook.eval [as callAsync] (eval at create (/Users/wmding/Tools/Huawei/Sdk/openharmony/9/ets/build-tools/ets-loader/node_modules/webpack/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:40:1)
[Compile Result]     at Hook.CALL_ASYNC_DELEGATE [as _callAsync] (/Users/wmding/Tools/Huawei/Sdk/openharmony/9/ets/build-tools/ets-loader/node_modules/webpack/node_modules/tapable/lib/Hook.js:18:14)
[Compile Result]     at Compilation.finish (/Users/wmding/Tools/Huawei/Sdk/openharmony/9/ets/build-tools/ets-loader/node_modules/webpack/lib/Compilation.js:2714:28)
[Compile Result]     at /Users/wmding/Tools/Huawei/Sdk/openharmony/9/ets/build-tools/ets-loader/node_modules/webpack/lib/Compiler.js:1182:19
[Compile Result]     at processTicksAndRejections (node:internal/process/task_queues:78:11)
[Compile Result] Compile error occurred. Fix it based on the above message.

如图所示:

问题分析

上一分钟还在好好的写代码,预览功能还能使用,突然下一秒预览功能报错了。

对问题进行分析排查:

1.打开另一个工程,页面可以预览,说明跟开发工具应该没有关系

2.检查代码是否有修改,是否影响

3.仔细查看报错日志,写的的updateCachedSourceMaps,有显示Cache,说明和缓存有一定关系,对项目进行clean、rebuild,不管用。

4.预览功能是否有缓存呢?对,entry下的.preview文件就是项目预览页面的缓存等内容

解决问题

删除entry下的.preview文件,重新预览,现在可以了

关注我,我们一起成长

相关推荐
一点一木21 小时前
深度体验TRAE SOLO移动端7天:作为独立开发者,我把工作流揣进了兜里
前端·人工智能·trae
天外飞雨道沧桑21 小时前
TypeScript 中 omit 和 record 用法
前端·javascript·typescript
Lee川1 天前
mini-cursor 揭秘:从 Tool 定义到 Agent 循环的完整实现
前端·人工智能·后端
canonical_entropy1 天前
从 Spec-Driven Development 到 Attractor-Guided Engineering
前端·aigc·ai编程
研☆香1 天前
聊聊前端页面的三种长度单位
前端
给钱,谢谢!1 天前
React + PixiJS 实现果园成长页:从状态机到浇水动画
前端·react.js·前端框架
暗冰ཏོ1 天前
VUE面试题大全
前端·javascript·vue.js·面试
次元工程师!1 天前
LangFlow开发(三)—Bundles组件架构设计(3W+字详细讲解)
java·前端·python·低代码·langflow
Bug-制造者1 天前
现代Web应用全栈开发:从架构设计到部署落地实战
前端
青春喂了后端1 天前
IntelliGit 前端状态层重构:把一个全局 Store 拆成清晰的状态边界
前端·重构·状态模式