WDY66886688的博客

原创 npm run serve启动项目报错Failed to resolve loader: cache-loader You may need to install it.

npm run serve启动项目报错Failed to resolve loader: cache-loader You may need to install it.

原创 优化代码内容

考虑使用 Vuex 或 Pinia 来管理状态，尤其是当数据需要在多个组件间共享时。：将 API 请求逻辑封装成一个函数，以便于重用和测试。：为数据结构定义接口，以增强类型安全性和可读性。：如果某些值可以根据其他值计算得出，可以使用。优化代码的目的是提高可读性、可维护性和性能。：在获取响应数据时使用解构赋值，简化代码。：将重复的逻辑提取成函数，避免代码冗余。

原创 执行vue create XXX报错The operation was rejected by your operating system

②重新创建项目，发现进度卡在idealTree:node_global: sill idealTree buildDeps。③重新安装：npm config set registry https://registry.npmmirror.com。①删除C:\Users\用户名\.npmrc文件。再次执行创建项目命令即可。

原创 npm install进度卡在 idealTree:node_global: sill idealTree buildDeps

重新安装：pm config set registry https://registry.npmmirror.com。ping一下源：ping http://registry.npm.taobao.org/ping不通，原因：原淘宝npm永久停止服务，已更新新域名~~震惊！

原创 The operation was rejected by your operating system. npm install

原因：权限不足，改为用管理员权限打开cmd。开始-搜索cmd-以管理员身份运行。

原创 包无法更新、相关性或冲突验证

开始-设置-应用-默认应用-Windows照片查看器：没有png选项？改为默认应用-照片：点击选择png选项。

原创 在windows中将文件的扩展名或文件类型显示出来

查看-显示-文件扩展名。

原创 vscode好用的插件

Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code：中文（简体）语言包。

原创 装机必备软件

谷歌浏览器。

原创 GPS和GPRS区别

系统的无线分组交换技术，属于移动通信网络的一部分。GPRS特别适用于间断的、突发性的或频繁的少量数据传输，如上网浏览、下载文件等。它是从GSM网络发展而来的2.5代通信技术，提供了比传统GSM更快的数据传输速度。‌是一种全球卫星导航系统，由美国陆海空三军联合研制。它由24颗卫星组成，能够提供全球范围内的实时、全天候、连续的导航和定位服务。GPS的主要功能包括定位、导航、测速和时间传递。它广泛应用于军事、航空、航海、农业、建筑等多个领域，如GPS手机、车载GPS导航仪等。

原创 FSCapture屏幕录制没声音

今天参加培训，想着录屏腾讯会议下来，复习时可以慢慢看，结果播放时只有自己的声音。希望以后再也不要出现忘记录屏录音和录屏后无声音了。解决方法：录制音频（麦克风+扬声器）但是录制B站其他视频播放却有声音。

原创 CMMI认证评估访谈

2.先说结论，再做进一步的解释(明确问题目的性+侧重点，给出核心关键结论+解释)1.听清楚问题再回答问题，可请求评估组对问题作出解释，避免答非所问。3.回答问题要条理清晰(一条主线贯穿，时序法+分类法描述)6.语速不要太快，给ATM留下记录访谈内容的时间。4.回答问题要说清楚问题的项目业务背景信息。5.直视提问者(自信、坦诚)，而非目光游离。注意事项：快速、准确、条理清楚。

原创 前端开源插件

Luckysheet ，一款纯前端类似excel的在线表格，功能强大、配置简单、完全开源。本站包含官方配置文档,API,教程。源码地址 https://github.com/dream-num/Luckysheet。Luckysheet 已不再维护，推荐使用 Univer 替代 | Luckysheet文档。

原创 npm run dev出现`SET NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve`错误

解决方法：升级node版本。

原创 code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree

执行npm i 报错 code ERESOLVE npm ERR!使用该命令下包 ：npm install --legacy-peer-deps。

原创 vscode提取拓展时出错。XHR failed

原创 el-menu导航菜单根据路由变化选中对应项

2、:default-active为 $route.name、 $route.path、 activeIndex(待完善取值)，el-menu-item的index属性设置为当前路由名称、地址、索引值，请一一对应。">处理中心</el-menu-item>1、设置router为true。

原创 el-tabs右键菜单没有显示

修改：@contextmenu.prevent改为@contextmenu.prevent。tabs上点击鼠标右键，没有反应。

原创 vue-router查找指定名称路由

不存在时返回undefined，存在时返回路由。不存在时也返回了路由，错误。

原创 vuex.esm.js:497 [vuex] unknown action type: userModule/ClearStorage

的action，但是在该模块的actions定义中没有找到这个名字的函数。这可能是由于拼写错误、未定义的action或者在调用时没有正确引用模块名称造成的。如果以上步骤都确认无误，但问题依然存在，请检查是否有其他的代码错误或者是Vuex的状态被不正确地修改。被设置为带有命名空间的）。如果是带命名空间的模块，你需要使用。的拼写与模块中定义的action名称完全一致。确保在调用action时使用了正确的命名空间（如果。这个错误表明在Vuex中尝试调用一个名为。检查是否有拼写错误，确保。

原创 commit提交代码规范

refactor - 重构、优化(既不增加新功能，也不是修复bug)style - 代码格式(不影响代码运行的变动)chore - 构建过程或辅助工具的变动。feat - 新功能 feature。fix - 修复 bug。docs - 文档注释。perf - 性能优化。test - 增加测试。revert - 回退。build - 打包。

原创 Vue打包部署后源码泄露

【代码】Vue打包部署后源码泄露。

原创 修改el-button按钮背景色后，按钮失去了elementUI原有的hover和active的效果

注意：.el-button--primary:后要增加not(.is-disabled)，否则disabled状态下也有完整透明度的背景色。存疑：为什么&:active在&:hover内才生效？

原创 npm run build打包报错 Error: Cannot find module ‘script-ext-html-webpack-plugin‘

这个报错通常是由于缺少相应的模块引起的。解决这个问题的方法通常是通过 npm 安装缺少的模块。模块并将其添加到你的项目的开发依赖中。安装完成后，重新运行打包命令，看看问题是否解决了。

原创 npm run build后报错FATAL ERROR: NewSpace::Rebalance Allocation failed - JavaScript heap out of memory

玄学的修复方法：暂停npm run serve，再重新npm run build一次，竟然打包成功了。这个错误通常表示 JavaScript 堆内存耗尽，导致无法继续分配内存。

原创 Vue登录逻辑

一个登录页面，点击登录就调用登录接口，成功就设置用户信息、token信息，从接口返回值获取动态路由数组动态导入；访问页面时的权限控制是在main.js旁边的permission.js里面做的。

原创 微信小程序开发工具踩坑

记得设置自动保存，以免当前运行的不是最新代码； 安装目录不能带特殊字符； 微信工具要登录，不能以游客模式，否则会没数据； 右上角操作栏闪动是因为当前窗口宽度小了； 真机1不出控制台(之后再尝试，1也能出控制台)，真机2绑定不上v-model数据；

原创 页面隐藏式滚动条

【代码】页面隐藏式滚动条。

原创 Beyond Compare 4 不能输入秘钥，也不能粘贴。

把安装目录里的BCPlung.dll删掉就能输入了。

原创 actions调用action中的方法

/ 登出== 0) {});},// 清理数据},

原创 Uncaught (in promise) TypeError: Cannot read properties of undefined (reading ‘error‘)

报错user.js:111 Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'error') at Store.loginIn (user.js:111:1)

原创 el-dropdown-item点击事件无反应

el-dropdown-item点击事件@click，点击后无反应，应改为@click。

原创 vuex.esm.js:135 Uncaught Error: [vuex] getters should be function but “getters.mode“ in module “

报错vuex.esm.js:135 Uncaught Error: [vuex] getters should be function but "getters.mode" in module "userModule" is "dark". at assert (vuex.esm.js:135:1)原因：在使用vuex的moulds时 index.js中已创建了一个。，在模块文件中又再创建了一个，导致报错。

原创 怎么使用vuex的数据和方法

Vue组件中使用Vuex的状态和方法，首先需要在组件中引入Vuex的mapState和mapActions辅助函数，然后使用。，它是一个从store的状态派生的值。，它映射到Vuex store的状态。，它映射到Vuex store的动作。来改变Vuex store中的状态。属性来访问状态和方法。在这个例子中，我们使用。方法被触发，它通过调用。

原创 element注意事项

append-to-body：如果需要在一个 Dialog 内部嵌套另一个 Dialog，需要使用。

原创 JS获取当前时间

【代码】JS获取当前时间。

原创 Invalid prop: type check failed for prop “X“. Expected Boolean, got String with value “X“.

这个报错是因为在一个组件中传入了一个类型不匹配的 prop。根据报错信息来看，传入的 prop “isTableOperation” 应该是一个 Boolean 类型，但实际上传入的是一个 String 类型 “false”。需要检查一下在哪个组件中使用了 “isTableOperation” 这个 prop，并确认传入的值是一个 Boolean 类型而不是 String 类型。

原创 elementUI(Vue2)和elementPlus(Vue3)图标icon差异【TODO：增加图标截图、总结规律】

只要安装了 @element-plus/icons-vue，

原创 文件路径引用错误

报错This dependency was not found: * @/view/superAdmin/menu/icon.vue in ./node_modules/cache-loader/dist/cjs.js?import icon from '@/view/superAdmin/menu/icon.vue' 应改为：import icon from './icon.vue';文件的代码，确保路径设置正确。

原创 css的scss

【代码】css的scss。