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

这篇具有很好参考价值的文章主要介绍了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.

如图所示:[compile result] at updatecachedsourcemaps (e:\huawei\sdk\openharmony\9\ets\,HarmonyOS,webpack,json,前端

问题分析

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

对问题进行分析排查:

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

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

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

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

解决问题

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

[compile result] at updatecachedsourcemaps (e:\huawei\sdk\openharmony\9\ets\,HarmonyOS,webpack,json,前端

 关注我,我们一起成长

[compile result] at updatecachedsourcemaps (e:\huawei\sdk\openharmony\9\ets\,HarmonyOS,webpack,json,前端文章来源地址https://www.toymoban.com/news/detail-817827.html

到了这里,关于harmonyos预览功能报错:[webpack-cli] SyntaxError: Unexpected end of JSON input的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • [webpack-cli] Invalid options object. Dev Server has been initialized using an options object that d

    问题: 在 webpack.config.js 配置了devServer,通过contentBase 配置了静态资源的路径,但是报错了。报错如下: 原因及解析: 错误信息中提示contentBase 不是有效的配置项(可以看到contentBase不在罗列的有效配置项中)。因为Weback 5 将 contentBase的配置修改为 static 解决 把 contentBase 改为

    2024年03月22日
    浏览(84)
  • CLI中nrm ls命令报错的两种情况(SyntaxError、Error [ERR_REQUIRE_ESM])

    报错原因: Node.js版本与nrm中使用的open模块版本不兼容。 解决方式: 重新安装其他版本的open模块(如:8.4.2) 命令行中输入: npm install -g nrm open@8.4.2 --save 报错原因: Node.js版本过高。 解决方式: 重新安装其他版本的Node.js(如:12.13.0) 命令行中输入: nvm install 12.13.0  (

    2024年02月11日
    浏览(29)
  • el-upload 组件上传/移除/报错/预览文件,预览图片、pdf 等功能

    dialog.vue @/styles/dialog-style.scss

    2024年02月06日
    浏览(56)
  • (vite/webpack 通用)vue 白屏 Uncaught Syntaxerror: Unexpected token ‘?‘

    如果可以实现记得点赞分享,谢谢老铁~ 一、问题的描述 突然收到业务方发来的反馈: 浏览器一片空白,开控制台输出:Uncaught Syntaxerror: Unexpected token ? 这个是语法错误。 二、 如果是用vite来构建: 如果是用vite来构建的,根据vite官方文档描述,build.target默认支持 Chrome =8

    2024年02月05日
    浏览(33)
  • Vue、Vue CLI、Webpack 和 Webpack CLI 的版本兼容对照表

    这些指南只是一些常见的版本兼容性指南。在实际项目中,取决于具体的应用场景和使用的组件库,不同版本之间可能还存在其它的兼容性问题。因此,我们建议使用最新版本的 Vue、Vue CLI、Webpack 和 Webpack CLI 来获得最佳的性能、安全性以及最新的功能和改进。同时,在使用

    2024年02月11日
    浏览(29)
  • Vue CLI webpack 相关

    调整 webpack 配置最简单的方式就是在 vue.config.js 中的 configureWebpack 选项提供一个对象: 该对象将会被 webpack-merge 合并入最终的 webpack 配置。 警告 有些 webpack 选项是基于 vue.config.js 中的值设置的,所以不能直接修改。例如你应该修改 vue.config.js 中的 outputDir 选项而不

    2023年04月23日
    浏览(23)
  • 基于webpack开发react-cli

    在前面的章节中我们学习了 webpack 的基础配置(五大核心属性),以及一些高级优化配置( source map、Tree Shaking、 HMR、Code Split 等),并且分别开发了 webpack.dev.js (开发环境配置),和 webpack.prod.js (生产环境配置)。 这一章节我们将两个配置合并为一个整体配置,内部差异通过

    2024年02月09日
    浏览(30)
  • 基于webpack开发vue-cli

    一、vue-cli开发 1. 项目整体目录 2. package.json 3. eslintrc.js 这里需要继承vue3的eslint校验规则 4. babel.config.js 这里直接使用 @vue/cli-plugin-babel/preset 预设,这里面已经为我们做好了各种兼容性处理和优化,不用我们在像以前一样还要自己配置 core-js , @babel/plugin-transform-runtime 等优化性

    2024年02月10日
    浏览(34)
  • webpack/vue-cli构建速度和打包体积优化

    webpack-bundle-analyzer 可以生成代码分析报告,可以直观地分析打包出的文件有哪些,及它们的大小、占比情况、各文件 Gzipped 后的大小、模块包含关系、依赖项等 npm i -D webpackbar webpack-bundle-analyzer javascript 复制代码 const { BundleAnalyzerPlugin } = require(\\\'webpack-bundle-analyzer\\\'); ​ module.e

    2024年01月19日
    浏览(37)
  • 做法一: vue-cli(webpack)配置开发环境、测试环境、生产环境

            由于开发环境、测试环境、生产环境三者是放在不同的服务器导致请求的接口URL地址不同,所有需要配置根据不同的环境使用不同的服务器地址。 请先简单阅读一下官方文档,了解一下概念 1、根目录创建 .env.development 、 .env.test 、 .env.production 文件(开发、测试、生

    2024年02月07日
    浏览(42)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包