Vite更新依赖缓存失败,强制更新依赖缓存

news/2024/6/16 22:05:19 标签: vue.js, 前端, javascript

使用vite+ts开发一段时间了,感觉并不是想象中的好用,特别是出现些稀奇古怪的问题不好解决,比如下面这个问题

javascript">上午9:50:08 [vite] error while updating dependencies:
Error: ENOENT: no such file or directory, open 'E:/workspace-dir/node_modules/vue3-colorpicker/dist/index.es.js'   
    at Object.openSync (fs.js:497:3)
    at Object.readFileSync (fs.js:393:35)
    at extractExportsData (file:///E:/workspace-dir/node_modules/vite/dist/node/chunks/dep-2faf2534.js:42167:31)   
    at async runOptimizeDeps (file:///E:/workspace-dir/node_modules/vite/dist/node/chunks/dep-2faf2534.js:41843:29)
    at async optimizeNewDeps (file:///E:/workspace-dir/node_modules/vite/dist/node/chunks/dep-2faf2534.js:41246:16)
    at async runOptimizer (file:///E:/workspace-dir/node_modules/vite/dist/node/chunks/dep-2faf2534.js:41275:55)   

事情的原因是:项目是有个需求是需要拾色器功能(用的vue3-colorpicker),但是这个拾色器打包编译的时候总会出现些问题,想把它替换掉,于是执行yarn remove vue3-colorpicker将其node-modules移除并更新了package.json,下图可作证。

也有代码为例,已经删除了 

但是yarn dev启用项目的时候就会报上面的错误,vite某个文件依赖一个不存在的包,很明显的缓存没更新,对vite的印象再次降低 ,之前用vue-cli时候或者webpack的时候没有出现过这种情况。

解决尝试:

        开始以为node_modules有缓存,于是将yarn.lock删除,再次执行一遍yarn install更新node_modules,但是启动仍然报相同错误,也就是说删除yarn.lock再次安装也是存在问题,思维一时停滞,不知道如何下手,要不把node_modules包删除,再次执行一次安装,说干就干,问题解决,正常运行,也就是思路没问题,只是没找对缓存位置。

        后来专门去Vite官网找到了相关的章节,确实存在这样的问题。

    依赖预构建 | Vite 官方中文文档

文件系统缓存¶

Vite 会将预构建的依赖缓存到 node_modules/.vite。它根据几个源来决定是否需要重新运行预构建步骤:

  • package.json 中的 dependencies 列表
  • 包管理器的 lockfile,例如 package-lock.jsonyarn.lock,或者 pnpm-lock.yaml
  • 可能在 vite.config.js 相关字段中配置过的

只有在上述其中一项发生更改时,才需要重新运行预构建。

如果出于某些原因,你想要强制 Vite 重新构建依赖,你可以用 --force 命令行选项启动开发服务器,或者手动删除 node_modules/.vite 目录。


http://www.niftyadmin.cn/n/4944393.html

相关文章

RS485、MODBUS通信协议详解

前言 MODBUS协议是Modicon公司发表的一种串行通信协议,属于OSI模型中应用层的协议,现广泛应用于工业控制领域,它的主要特点是免费开放、支持多种电气接口(如RS-232、RS-485),传输介质可以是双绞线、光纤、无…

3D Unet的卷积

3D Unet的卷积 举个例子视频的帧数为什么会变化呢?(b, c, f, h, w)的顺序重要吗? 举个例子 假设我们有一个视频序列,每一帧的大小为64*64,共有5帧,那么输入的形状就是(batch, channel, frame, height, wid…

回归预测 | MATLAB实现BiLSTM双向长短期记忆神经网络多输入多输出预测

回归预测 | MATLAB实现BiLSTM双向长短期记忆神经网络多输入多输出预测 目录 回归预测 | MATLAB实现BiLSTM双向长短期记忆神经网络多输入多输出预测预测效果基本介绍程序设计往期精彩参考资料 预测效果 基本介绍 MATLAB实现BiLSTM双向长短期记忆神经网络多输入多输出预测&#x…

k8s 自身原理之高可用

说到高可用,咱们在使用主机环境的时候(非 k8s),咱做高可用有使用过这样的方式: 服务器做主备部署,当主节点和备节点同时存活的时候,只有主节点对外提供服务,备节点就等着主节点挂了…

力扣75——堆/优先队列

总结leetcode75中的堆/优先队列算法题解题思路。 上一篇:力扣75——图广度优先搜索 力扣75——堆/优先队列 1 数组中的第K个最大元素2 无限集中的最小数字3 最大子序列的分数4 雇佣 K 位工人的总代价1-4 解题总结 1 数组中的第K个最大元素 题目: 给定整…

解析Python爬虫常见异常及处理方法

作为专业爬虫程序猿长期混迹于爬虫ip解决方案中,我们经常会遇到各种各样的异常情况。在爬虫开发过程中,处理这些异常是不可或缺的一部分。本文将为大家总结常见的Python爬虫异常,并分享相应的处理方法,帮助你避免绊倒在爬虫之路上…

智安网络|深入比较:Sass系统与源码系统的差异及选择指南

随着前端开发的快速发展,开发人员需要使用更高效和灵活的工具来处理样式表。在这个领域,Sass系统和源码系统是两个备受关注的选项。 Sass系统 Sass(Syntactically Awesome Style Sheets)是一种CSS预处理器,它扩展了CS…

常用的Elasticsearch查询DSL

1.基本查询 GET /index_name/_search {"query": {"match": {"dispatchClass": "1"}} }2.多条件查询 GET /index_name/_search {"query": {"bool": {"must": [{"match": {"createUser&…