启动vue项目和热加载报错导致启动速度很慢，Could not freeze “xxx” Cannot read property ‘hash‘ of undefined

原创 已于 2024-03-15 11:22:36 修改 · 776 阅读 · 6 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js #哈希算法 #前端

于 2024-03-15 11:20:57 首次发布
在启动Vue项目时遇到[hardsource:xxx]Couldnotfreezexxx:Cannotreadpropertyhashofundefined的错误？解决方案是清理node_modules下的.cache文件夹，然后通过npmrunserve重新启动项目。

启动vue项目和热加载报错导致启动速度很慢，Could not freeze “xxx” Cannot read property ‘hash’ of undefined

问题

  • 启动vue项目时，控制台报错信息如下：
    [hardsource:xxx] Could not freeze xxx: Cannot read property ‘hash’ of undefined

解决办法

  • webpack运行时会基于hash生成cache，问题可能发生在cache生成上，删除node_modules下的 .cache 文件夹后重新启动项目（如：npm run serve）能解决这个问题
JCjunior
关注
Vue及Element UI&vue-element-admin简记
生活在别处
11-21 8710
文章目录概念索引安装vue基本语法声明式渲染动态参数双向绑定数据绑定中进行数据处理使用JS表达式计算属性侦听器Class 与 Style 的数据绑定Class的数据绑定Style的数据绑定条件与循环条件渲染v-if指令v-show指令列表（数组）渲染数据更新检测事件监听器修饰符事件修饰符按键修饰符按键码系统修饰键指令的缩写组件化应用构建vue实例实例生命周期的钩子模板语法高级语法相关概念HTML ...
Vue 08使用v-model实现计算器
mqingo的博客
01-02 754
08使用v-model实现计算器.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>08使用v-model实现计算器</title> <script type="text/javascript&quot
views/admin/main.hbs: Cannot read property 'hash' of undefined
weixin_30411239的博客
05-23 117
原因：main.hbs里写了{{#if this.is_locked equals '01'}}，去掉就好了 转载于:https://www.cnblogs.com/cglWorkBook/p/5520669.html
Could not freeze .....， Cannot read property ‘hash‘ of undefined 的解决办法
码飞_CC的博客
12-07 5250
项目中单独对Antd（或其他包）进行升级时，项目可以正常启动，但是编译过程中会输出一大片的这种红色的错误，如下： 看错误日志可知，可能是hardsource出现问题，解决方法： 删除 ./node_modules/.cache 后，再npm start重启项目。 以上操作完如果还存在问题，可以重新执行一下npm install，再重启一下项目，问题应该就解决了。 ...
【已解决】npm start 报错 Could not freeze ...: cannot read properties of undefined (reading ‘hash‘)
程序边界
12-05 930
npm start 报错 Could not freeze …: cannot read properties of undefined (reading ‘hash’)删除 ./node_modules/.cache 后，再重新运行npm start即可over
Could not freeze ...: Cannot read property 'hash' of undefined 解决办法
热门推荐
Joker208的专栏
01-05 1万+
使用antdesignpro的时候npm start 出现大片的提示，不影响正常使用  解决方案：可能是webpage的HardSourceWebpackPlugin插件，生成cache时引发的错误，删除node_modules/.cache后再npm start 参考链接：https://spectrum.chat/next-js/general/next-7-could-not-fre...
TypeError: Cannot read property ‘hash‘ of undefined
weixin_41933298的博客
12-29 923
第一种： ·直接删除node_modules/.cache后再npm start 第二种： cache: { cacheDirectory: path.resolve(__dirname, 'node_modules/.cache/.temp_cache'), type: 'filesystem', } 官方链接：https://webpack.js.org/configuration/cache/#cache 还有一个GitHuB讨论这个问题的：https://github.com/mzgodda
Vue 品牌列表的删除
mqingo的博客
01-03 735
品牌列表的删除.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0&quo
Vue 品牌列表padStart方法的使用
mqingo的博客
01-04 715
06品牌列表padStart方法的使用.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-s
Vue 品牌列表自定义局部指令
mqingo的博客
01-07 629
  09品牌列表自定义局部指令.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scal
Cannot read property hash of undefined
qq_36484521的博客
06-22 2265
之前用了nvm 和本地的 node 有点冲突,后来卸载了自带的 node,全部用 nvm,其他也正常,但是突然间 ant d pro 出现了一堆神奇的控制台报错,每一句都这样,只是文件名会换换:Could not freeze ...: Cannot read property 'hash' of undefined 说实话没搞懂,搜了一圈没明白,最后还是这个链接搞定的: https://github.com/mzgoddard/hard-source-webpack-plugin/issues/416
react Could not freeze
【03】的博客
04-07 1716
问题 运行项目的时候，经常会有一大片错误 Could not freeze ./src/web3/address.js: Cannot read property 'hash' of undefined HardSourceWebpackPlugin是webpack的插件，为模块提供中间缓存步骤，但是它报错了… 临时解决方案 删除 ./node_modules/.cache 后，再npm start重启项目 确实，这行得通，但是后面还会继续蹦出来，难道每次都要去手动删除再重新启动吗？ 根本解决方案
Could not freeze报错
qq_1016371234的博客
10-18 998
删除 ./node_modules/.cache 后，再npm start重启项目。
运行vue项目，控制台一直报错freeze ，删除node_modules缓存.cache，再npm 重启项目即可（2024-04-15）
最新发布
hap1994的博客
04-15 654
【代码】运行vue项目，控制台一直报错freeze ，删除node_modules缓存.cache，再npm 重启项目即可（2024-04-15）
Vue的属性，为什么无法冻结？
王不二的AI之路
07-22 792
vue属性为什么无法被Object.freeze()冻结
当vue遇到老的项目启动和打包速度慢怎么办？ webpack-低版版本-编译启动速度和打包速度优化方案
qq_42389674的博客
02-27 5763
vue项目，vue-cli和webpack版本太低项目启动太慢如何优化，开启 terser-webpack-plugin 代码压缩，开启摇树优化，watchOptions 忽略node_modules，production 模式关闭 devtool的sourcemap,开启cache缓存,以及辅助工具webpack-bundle-analyzer，speed-measure-webpack-plugin，实现vue-cli低版本项目的启动和打包速度以及项目体积终极优化
解决vue热加载卡顿缓慢
青春正在燃烧的博客
04-02 676
解决vue热加载卡顿缓慢
前端vue项目性能优化方案以及打包打开后加载缓慢的优化
何婷的博客
05-19 499
1.开启Gzip压缩 前端配置如下： const path = require('path'); const webpack = require('webpack') const CompressionWebpackPlugin = require('compression-webpack-plugin') const productionGzipExtensions = ['js', 'css'] const isProduction = process.env.NODE_ENV === 'produc
pip freeze ＞xxx.txt
m0_45805664的博客
09-28 398
pip freeze >xxx.txt
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值