Vue 开发中常见报错与处理

已于 2022-03-20 10:06:24 修改
阅读量6.5k 收藏 1
点赞数
分类专栏： 前端 文章标签： 前端 vue.js html javascript node.js
于 2021-01-02 23:08:35 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zglibk/article/details/112128214
版权


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 登录页，此时控制台中报错如下：

了解本专栏 订阅专栏 解锁全文 超级会员免费看
←か淡定☆ ヾ
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
订阅专栏
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 --
vue项目中 报错 error ‘xxx‘ is assigned a value but never used
最新发布
weixin_54721820的博客
04-11 830
在 package.json 的 rules 里面 添加： "no-unused-vars": "off" 然后重启项目。以上是我出现此错误的解决方法，并不是所有的都适用；大家有好的方法或者问题也可以告诉我哦！一定要重新启动项目，更改了全局配置的内容，一定要重新启动项目，否则效果无法展示！错误’tableData’被分配了一个值，但从未使用过没有未使用的变量。定义了变量，但是未使用，怎么办呢，需要操作eslint的配置相关。vue项目的终端报错。
分享 60 个 Vue 常见问题汇总及解决方案
前端达人
12-28 615
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项目 报错 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
vue-cli 报错 is assigned a value but never used no-unused-vars
hello world
03-02 1268
在 package.json 中 修改 "eslintConfig" 的规则 "rules": { "no-unused-vars":0 }
webstorm和.vue中es6语法报错的解决方法
08-27
ES6 语法报错是 WebStorm 和 Vue 开发中常见的问题，本文将总结 WebStorm 和 Vue 中 ES6 语法报错的解决方法，以便开发者避免采坑。 WebStorm 中 ES6 语法报错的解决方法 在 WebStorm 中，ES6 语法报错可以通过...
Vue项目开发常见问题和解决方案总结
10-14
为了更好地应对这些问题，建议开发者定期查阅官方文档、参与社区讨论，以及持续学习和实践，提升自己的Vue开发技能。同时，保持良好的代码组织和规范，遵循ESLint等代码质量工具的指导，也可以有效避免和解决很多...
vue安装遇到的5个报错及解决方法
10-16
在本文中，我们将深入探讨Vue.js安装过程中可能会遇到的五个常见错误，并提供相应的解决方案。这些错误包括Vue命令未识别、安装淘宝镜像出错、运行`npm run dev`失败、项目路径错误以及npm安全漏洞警告。让我们逐一...
用Vue-cli搭建的项目中引入css报错的原因分析
08-29
Vue-cli项目中引入css报错的原因分析 在使用Vue-cli搭建项目时，遇到引入css文件报错的问题是非常常见的。本文将详细介绍这种问题的原因分析和解决方法。 问题描述 在使用Vue-cli搭建的项目中，我们经常需要引入...
vue如何解决循环引用组件报错的问题
10-17
在Vue开发过程中，循环引用组件有时会导致报错，特别是当组件相互依赖，形成循环引用时。Vue框架在处理这种情况时可能会出现"Unknown custom element"的警告，提示组件未正确注册。这个问题通常源于组件实例化顺序与...
关闭vue运行过程异常出现的errors页面
GSZTK的博客
06-21 1599
配置vue.config.js文件关闭此页面
【Vue】在VsCode中报错 error ‘xxx‘ is assigned a value but never used的解决方法
【敦厚的曹操】的专栏
06-13 4715
【Vue】在VsCode中报错 error ‘xxx‘ is assigned a value but never used的解决方法
“‘xxx‘ is assigned a value but never used” vue报错
dangga的博客
03-23 1万+
创建项目之后，只要是引入了或者定义了，但后面未使用都会报错“'xxx' is assigned a value but never used”；网上解决方法也有很多，在此，自己做下记录，解决方法是：在package.json中搜索“rules”，加入： "rules": { "generator-star-spacing": "off", "no-debugger": "off", "no-tabs": "off", .
Vue3 - ‘xxx‘ is assigned a value but never used (no-unused-vars)报错解决办法，存在没用到的函数、import、data数据等保存就会报错
王佳斌
08-11 3329
'props' is assigned a value but never used，解决报错 error 'props' is assigned a value but never used no-unused-vars，vue3项目报错 is assigned a value but never used 如何解决，vue3怎么关闭eslint对没有使用的变量和模块校验，vue3没有使用过的变量和import会报错，vue3没有使用的函数保存后会报错，在vue3中没有用到的变量函数模块引入data数
vue error ‘scroll‘ is assigned a value but never used no-unused-vars 报这个错误是的解决办法
weixin_43822237的博客
07-08 348
解决办法：在错误语句后添加注释 // eslint-disable-line no-unused-vars 这样就解决了问题： // 在dom元素渲染完成之后初始化better-scroll的实例 const scroll = new BScroll(this.$refs.wrapper); // eslint-disable-line no-unused-vars ...
==前后端项目 各种报错以及如何解决报错（前端网页无效果时）
ss 的博客
12-11 4228
一、各种报错如何找错误位置
ESLint只在终端报红但是不在代码中提示错误
a666666000的博客
07-07 1824
ESLint只在终端报红但是不在代码中提示错误
vue FFmpeg.js 报错You may need an appropriate loader to handle this file type
03-27
Vue.js是一种流行的JavaScript框架，用于构建用户界面。它采用了组件化的开发方式，使得开发者可以将页面拆分成多个独立的组件，每个组件都有自己的逻辑和样式。Vue.js具有简单易学、灵活高效的特点，广泛应用于Web应用程序的开发中。 FFmpeg.js是一个基于WebAssembly的多媒体处理库，它提供了一系列功能强大的音视频处理工具。通过使用FFmpeg.js，开发者可以在浏览器中进行音视频的编解码、剪辑、转码等操作。它可以在前端实现一些常见的音视频处理需求，如视频剪辑、音频转码等。 关于报错信息"You may need an appropriate loader to handle this file type"，这通常是由于在使用Vue.js或FFmpeg.js时，没有正确配置相应的加载器（loader）导致的。加载器是用于处理特定类型文件的插件，例如处理.vue文件的vue-loader，处理特定格式音视频文件的loader等。 要解决这个问题，你需要在项目中安装并配置相应的加载器。对于Vue.js项目，你需要安装vue-loader，并在webpack配置文件中添加相应的配置。对于FFmpeg.js项目，你需要根据具体情况选择合适的加载器，并进行相应的配置。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

←か淡定☆ ヾ

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

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

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

打赏作者

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

抵扣说明：

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

余额充值