![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue开发问题
文章平均质量分 60
本栏主要记录Vue及其生态相关开发问题,供大家参考
晓风伴月
以用促学,学以致用。
展开
-
Unocss:“unocss/vite“ resolved to an ESM file.ESM file cannot be loaded by `require`
本文记录"unocss/vite" resolved to an ESM file.ESM file cannot be loaded by `require`问题及解决方案。原创 2024-06-27 15:48:10 · 583 阅读 · 0 评论 -
Nuxt3: 强制删除__NUXT_DATA__的一种方式
本文记录Nuxt3: 强制删除__NUXT_DATA__的一种方式,只在开发环境中验证,仅供参考。原创 2024-06-26 12:56:38 · 501 阅读 · 0 评论 -
yarn.lock只对包管理器Yarn有用?
在 npm v7 中,npm 已经开始支持使用 yarn.lock 文件来管理依赖。这意味着如果项目中存在 yarn.lock 文件,npm 会优先使用该文件来安装依赖,而不是根据 package.json 文件来安装。原创 2024-05-20 14:17:26 · 322 阅读 · 0 评论 -
前端本地调试云效上Vue项目的构建产物
本文记录了前端本地调试云效上Vue项目的构建产物的方法原创 2024-05-11 10:33:19 · 744 阅读 · 2 评论 -
nuxt 3.0.0-rc.2:测试环境编译得到process.env.NODE_ENV值错误问题
本文记录nuxt 3.0.0-rc.2:测试环境编译得到process.env.NODE_ENV值错误问题,暂未排查到问题根源,最后给出一种解决方案。原创 2024-05-10 16:25:54 · 309 阅读 · 0 评论 -
Nuxt2:node-sass替换为sass,避免因依赖python导致Can‘t find Python executable “python“错误
本文主要记录Nuxt2:node-sass替换为sass,避免因依赖python导致Can't find Python executable "python"错误原创 2024-03-26 16:39:29 · 390 阅读 · 0 评论 -
Vant4:自动导入样式无效问题
本文记录Vant4:自动导入样式无效问题引发的原因及建议原创 2024-03-22 14:07:54 · 1011 阅读 · 0 评论 -
npm淘宝镜像registry.npmmirror.com设置无效的解决办法
本文记录由package-lock.json引起的npm淘宝镜像registry.npmmirror.com设置无效的解决办法原创 2024-03-20 17:58:33 · 6039 阅读 · 4 评论 -
Nuxt3: useFetch使用过程常见一种报错
本文主要记录了Nuxt3在使用useFetch时遇到的nuxt instance unavailable或A composable that requires access to the Nuxt instance was called outside of a plugin...报错问题及其产生的原因。原创 2024-03-13 17:16:13 · 2030 阅读 · 2 评论 -
Nuxt3:useFetch在服务端及客户端重复请求问题
本文针对Nuxt3 使用useFetch过程中发现不仅在服务端发送了接口请求,而且在客户端也重新发送了一遍接口请求的问题,给出了问题产生的原因和解决方案。原创 2024-03-04 18:26:35 · 2825 阅读 · 4 评论 -
Nuxt: A composable that requires access to the Nuxt instance was called outside of a plugin...
本文记录了Nuxt3内置组合函数调用过程遇到的问题:A composable that requires access to the Nuxt instance was called outside of a plugin, Nuxt hook, Nuxt middleware, or Vue setup function.及相应的解决方案。原创 2024-02-28 00:15:00 · 1524 阅读 · 0 评论 -
Nuxt3: [vite-node] [plugin:vite:vue] [SyntaxError]
本文记录一个旧项目从Nuxt 2.12.2升级到Nuxt 3.10.2时遇到一个奇奇怪怪的问题:[vite-node] [plugin:vite:vue] [SyntaxError]的排查及解决方案原创 2024-02-27 15:29:30 · 575 阅读 · 0 评论 -
Error: error:0308010C:digital envelope routines::unsupported
本文记录了Node版本升级引发的Error: error:0308010C:digital envelope routines::unsupported问题及解决方案原创 2024-02-26 16:36:42 · 733 阅读 · 0 评论 -
yarn install:unable to get local issuer certificate
本文针对yarn install:unable to get local issuer certificate问题进行排查解决。原创 2024-02-24 00:15:00 · 837 阅读 · 0 评论 -
npx nuxi init nuxt3-app:Failed to download template from registry: https://raw.githubusercontent.com
本文主要解决使用npx nuxi init nuxt3-app创建nuxt3项目遇到的错误:ERROR Error: Failed to download template from registry: Failed to download https://raw.githubusercontent.com/nuxt/starter/templates/templates/v3.json: TypeError: fetch failed原创 2024-02-21 18:55:13 · 1522 阅读 · 0 评论 -
Uncaught SyntaxError: Unexpected token ‘<‘
本文针对Uncaught SyntaxError: Unexpected token '原创 2024-01-30 10:26:36 · 4583 阅读 · 0 评论 -
error Error: write EPROTO...SSL routines:ssl3_read_bytes:tlsv1 alert internal...SSL alert number 80
前端编译报错error Error: write EPROTO 139798789396352:error:14094438:SSL routines:ssl3_read_bytes:tlsv1 alert internal error:../deps/openssl/openssl/ssl/record/rec_layer_s3.c:1546:SSL alert number 80的问题记录。原创 2024-01-25 15:43:18 · 1856 阅读 · 0 评论 -
Nuxt3:/_nuxt/xxx.mjs请求502问题引发的_nuxt实际指向探究
本文通过源码搜索结合文档,对Nuxt3:/_nuxt/xxx.mjs请求502问题引发的_nuxt实际物理目录指向进行探究。原创 2024-01-24 18:34:28 · 1062 阅读 · 0 评论 -
vConsole 与 Vue中未定义变量而引发的Maximum call stack size exceeded异常问题
本文根据前段时间有个前端小伙伴反馈在控制台看到一个Maximum call stacksize exceeded(超出最大调用堆栈大小)问题进行排查,最终确定了该问题产生的原因是vconsole与Vue中未定义变量引发的循环调用导致的超出最大调用堆栈大小。原创 2024-01-22 17:16:40 · 1017 阅读 · 0 评论 -
pnpm : 无法加载文件 C:\Program Files\nodejs\pnpm.ps1,因为在此系统上禁止运行脚本。
本文主要解决VScode 自带程序终端的时候会报出"系统禁止脚本运行的错误",并提供解决方案。原创 2023-12-30 00:15:00 · 1679 阅读 · 0 评论 -
探究Chrome仿真模拟设备时Click区域不准确问题
在Chrome DevTools中开启仿真设备(微信开发者工具也有类似问题),如果页面元素有绑定click时,实际点击事件响应区域会溢出绑定事件的对象范围。本文通过实验代码重现问题情景,并通过查阅资料给出了调查结果。原创 2023-12-28 00:15:00 · 1213 阅读 · 0 评论 -
一次Vue渲染死循环问题的排查
A页面跳转到B页面,B页面操作完成后,设置返回A页面后刷新A页面(其实就是给A页面的组件添加BACK_REFRESH=true的属性)。当返回B页面时,会通过判断BACK_REFRESH==true,来调用定义在A页面的$refreshData函数进行页面数据刷新,最后再修改A页面组件的属性BACK_REFRESH=false。将页面组件的属性BACK_REFRESH=false操作前置于this.refresh方法调用。Vue在渲染组件的时候,调用render函数,但实际运行过程发现,原创 2023-12-03 13:45:19 · 551 阅读 · 0 评论 -
Vue 2.6.11 编译运行:Syntax Error: Unexpected token
语法,特别是vue tempalte中暂不支持该语法,即使Vue升级至2.7.0+和babel.config.js中配置了“@babel/plugin-proposal-optional-chaining”也一样。原创 2023-12-01 09:59:30 · 479 阅读 · 1 评论 -
Vue-Router:URL链接携带相同参数在访问时被改变顺序问题
t=123456&c=lj7l&u=wo9wy43y&s=s&t=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9,发现浏览器地址栏会被“自动”修改为:http://localhost:8000/work/workContact/contactFieldPivot?从上图,我们也可以发现,vue-router运行我们自定义query的parse转换函数规则,所以如果觉得它自带的转换方式不想用,可以自己自定义转换函数。从上图可以知道,地址改变取自fullPath属性的值。原创 2023-12-01 09:55:11 · 474 阅读 · 1 评论