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文件,重新预览,现在可以了

关注我,我们一起成长

相关推荐
艾斯特_20 分钟前
Cursor使用及经验分享
前端·javascript·ai
Dragon Wu27 分钟前
ReactNative react-devtools 夜神模拟器连调
前端·react native·react.js
权^1 小时前
HTML(快速入门)
前端·html
曾经的三心草2 小时前
小程序-模板与配置
前端·javascript·小程序
我命由我123452 小时前
VSCode 设置为中文(Configure Display Language)
前端·javascript·ide·笔记·vscode·学习·编辑器
山禾女鬼0014 小时前
前端版本号管理:理解和应用
前端
不停留8 小时前
贪心算法-跳跃游戏
前端·javascript·数据结构·算法·贪心算法
Loong_DQX9 小时前
【React+ts】 react项目中引入bootstrap、ts中的接口
前端·react.js·bootstrap
好奇的菜鸟11 小时前
Vue 3 中的响应式系统:ref 与 reactive 的对比与应用
前端·javascript·vue.js
nchangyu13 小时前
AI学习(vscode+cline+deepseek)
前端·人工智能·学习