Vue 开发中常见报错与处理

已于 2024-07-15 08:01:57 修改
阅读量6.9k 收藏 2
点赞数
CC 4.0 BY-SA版权
分类专栏： 前端 文章标签： 前端 vue.js html javascript node.js
于 2021-01-02 23:08:35 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/zglibk/article/details/112128214
本文介绍了在Vue开发中遇到的两种错误：'xxxx' is assigned a value but never used.eslintno-unused-vars和RangeError: Maximum call stack size exceeded。前者是由于eslint的语法检查，解决方法是在错误语句后添加注释。后者可能由于路由配置问题或调用路由时的死循环引起，通过修正代码解决了问题。


1. “xxxx” is assigned a value but never used.eslintno-unused-vars

错误原因：eslint的验证语法

解决办法：在错误语句后添加注释

// eslint-disable-line no-unused-vars

2. RangeError: Maximum call stack size exceeded

在Vue 项目中，暴露路由对象之前，挂载了路由守卫（或称路由导航卫士），运行程序，点击 “退出” 按钮时，按照程序逻辑就清空了 sessionStorage中 保存的 token 值，但是，我发现页面没有被强制跳转到 login 登录页，此时控制台中报错如下：

了解本专栏 订阅专栏 解锁全文 超级会员免费看
Vue3 - ‘xxx‘ is assigned a value but never used (no-unused-vars)报错解决办法，存在没用到的函数、import、data数据等保存就会报错
🏆 前端领域优质创作者
08-11 4647
'props'isassignedavaluebutneverused，解决报错error'props'isassignedavaluebutneverusedno-unused-vars，vue3项目报错isassignedavaluebutneverused如何解决，vue3怎么关闭eslint对没有使用的变量和模块校验，vue3没有使用过的变量和import会报错，vue3没有使用的函数保存后会报错，在vue3中没有用到的变量函数模块引入data数
❤ vue 报错归纳篇（七千字总结）
林太白
01-13 1810
❤ vue 报错归纳篇（七千字总结）
Vue项目的常见报错问题解决
qq_42526440的博客
04-16 9434
1、‘webpack-dev-server’ 不是内部或外部命令，也不是可运行的程序 或批处理文件 解决办法： 现在使用webpack要同时安装webpack-cli这个包，才可以调用webpack和webpack-dev-server这些命令。 cnpm install webpack webpack-dev-server webpack-cli --save-dev 2、"export 'default' (imported as 'ol') was not found in 'ol' （黄色警告，但
vue项目中常见问题及解决方案(推荐)
12-13
webpack项目中自动引入全局scss变量文件 　　假设我们有一个公共的scss变量文件variables.scss /*存放所有全局变量*/ $card-title:#C7D200; //首页 卡片标题颜色 $bc-color:#182037; $hoverColor: #7abef9; //链接hover颜色 $fontColor: #E6EFFF; //字体颜色-白色 　　webpack要识别scss，需要先安装sass的loader npm install --save-dev sass-loader //sass-loader依赖于node-sass npm install --
分享 60 个 Vue 常见问题汇总及解决方案
前端达人
12-28 743
Q1：安装超时(install timeout)方案有这么些:cnpm : 国内对npm的镜像版本 /* cnpm website: https://npm.taobao.org/ */ npm install -g cnpm --registry=https://registry.npm.taobao.org // cnpm 的大多命令跟 npm 的是一致的,比如安装,卸载这些 yarn 和...
解决Vue 3项目中报错信息直接展示在页面上的问题
qq_38682174的博客
04-22 2002
Vue 3 项目中在开发模式下会将错误信息直接展示在页面上，但这在生产环境中可能会带来一些问题。
Vue中遇到的问题（vue中模板添加注释报错）
shanshan的博客
08-11 1537
发现在vue的template模板中使用进行代码注释时，
webstorm和.vue中es6语法报错的解决方法
08-27
ES6 语法报错是 WebStorm 和 Vue 开发中常见的问题，本文将总结 WebStorm 和 Vue 中 ES6 语法报错的解决方法，以便开发者避免采坑。 WebStorm 中 ES6 语法报错的解决方法 在 WebStorm 中，ES6 语法报错可以通过...
用Vue-cli搭建的项目中引入css报错的原因分析
08-29
Vue-cli项目中引入css报错的原因分析 在使用Vue-cli搭建项目时，遇到引入css文件报错的问题是非常常见的。本文将详细介绍这种问题的原因分析和解决方法。 问题描述 在使用Vue-cli搭建的项目中，我们经常需要引入...
Vue项目开发常见问题和解决方案总结
10-14
为了更好地应对这些问题，建议开发者定期查阅官方文档、参与社区讨论，以及持续学习和实践，提升自己的Vue开发技能。同时，保持良好的代码组织和规范，遵循ESLint等代码质量工具的指导，也可以有效避免和解决很多...
使用VSCode创建xxx.vue文件 添加注释报错问题
Hxmang的博客
09-10 1683
使用VSCode创建xxx.vue文件 添加注释报错问题 创建.vue文件 当我们使用vscode创建.vue文件时，需要安装相关支持vue的插件,如：Vetur 安装好插件后 会出现添加注释报错问题，这应该是所安装的插件存在一定冲突问题，解决添加注释报错问题可以在template标签中添一个标签,即可 ...
vue报错（一）
heyw的博客
09-11 366
刚刚运行一下以前的一个Vue+webpack的demo，运行之后没有出现想象中的效果，并且报错 Uncaught TypeError: Cannot assign to read only property ‘exports‘ of object ‘#<Object>‘   错误代码： import Test from './src/main' module.exports...
vue项目 报错 error ‘xxx‘ is assigned a value but never used
热门推荐
酱子
05-31 2万+
vue项目里出现 这样的错误 Failed to compile. ./src/components/edit.vue Module Error (from ./node_modules/eslint-loader/index.js): C:\Users\link\Desktop\elem\src\components\edit.vue 12:9 error 'defaultdata' is assigned a value but never used no-unused-vars ✖ 1
vscode快捷键注释Vue代码时变成//报错处理方法
Mark的博客
11-19 2831
快捷键注释Vue代码报错如图，处理方法 1.打开设置，找到setting.json 2.在setting.json配置文件里面加上如下内容： "files.associations": { ​ "*.vue": "html" ​ } 如图： 设置完成后保存，然后再使用快捷键进行注释就可以了 ...
vue-cli 报错 is assigned a value but never used no-unused-vars
hello world
03-02 1350
在 package.json 中 修改 "eslintConfig" 的规则 "rules": { "no-unused-vars":0 }
【vue-配置】vue静态检查报错解决：关闭“prettier/prettier“:“off“
jieweiwujie的博客
09-12 1902
“prettier/prettier”:“off”
关闭vue运行过程异常出现的errors页面
GSZTK的博客
06-21 2030
配置vue.config.js文件关闭此页面
vue项目中 报错 error ‘xxx‘ is assigned a value but never used
weixin_54721820的博客
04-11 2190
在 package.json 的 rules 里面 添加： "no-unused-vars": "off" 然后重启项目。以上是我出现此错误的解决方法，并不是所有的都适用；大家有好的方法或者问题也可以告诉我哦！一定要重新启动项目，更改了全局配置的内容，一定要重新启动项目，否则效果无法展示！错误’tableData’被分配了一个值，但从未使用过没有未使用的变量。定义了变量，但是未使用，怎么办呢，需要操作eslint的配置相关。vue项目的终端报错。
vue中引入gojs报错
最新发布
04-29
好的，我现在需要解决在Vue项目中引入GoJS时出现的报错问题。首先，我要回忆一下用户的问题：他们在Vue项目中引入GoJS遇到了错误，需要解决方案。我需要逐步分析可能的原因，并提供相应的解决办法。 首先，可能的...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

←か淡定☆ ヾ

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值