Vue 项目报错 Arrow function should not return assignment

最新推荐文章于 2025-09-02 15:49:04 发布
原创 最新推荐文章于 2025-09-02 15:49:04 发布 · 2k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js #eslint #Arrow function

本文详细介绍了在Vue项目中遇到的ESLint关于箭头函数返回赋值问题的解决方案，包括尝试修改代码遵循规则但未成功，以及考虑禁用标准配置的方法。

vue项目报错 Arrow function should not return assignment

问题来源

最近在创建启动 vue 项目时有报错 Arrow function should not return assignment
在这里插入图片描述
其实也不止这一个报错，但是最终的原因也都是一个：引用了eslint的检查代码。

解决方法

1、修改代码， 符合 ESlint 的规则（这个方法在这里没有生效）
在箭头后的代码中加上 {} ；但是它就又报了这个错误（到现在这个错误也不知道怎么解决）
在这里插入图片描述
2、去掉 ESlint
在项目根目录下的 .eslintrc.js 文件中 注释掉 ‘standard’
在这里插入图片描述

vue 报错data functions should return an object:
Lee的博客
03-08 2万+
先上图 报错原因是vue对象中的data属性没有return{};
vue2/3 - 报错Vue is not defined问题排查与解决方案（解决vue项目浏览器控制台报错Uncaught ReferenceError: vue is not defined）
高级前端工程师
08-28 4398
Uncaught ReferenceError vue is not defined，报错 Vue is not defined 的解决方法，Vue错误笔记（三）——Vue is not defined，Vue错误 Uncaught ReferenceError: vue is not defined，Vue没有被定义，vue浏览器控制台报Vue is not defined，vue3项目报错Vue is not defined，vue项目运行报错Vue is not defined，如何解决这个问题，加载
Arrow function should not return assignment no-return-assign
qq_39088110的博客
02-02 1万+
Arrow function should not return assignment no-return-assign 这是eslint检查报错。 说明，在学习B站的《2019年最全最新Vue、Vuejs教程，从入门到精通》P221时，遇到的问题。因为引用了eslint的检查代码，导致检查报错，代码并没有问题，是eslint检验的问题。 解决方法： 1.去掉eslint 2. 修改代码，符合eslint 原代码 if (this.isSelectAll) { this.cartLi
Arrow function should not return assignment
hellolipop
07-01 4968
// 选中所有或反选 changeAll() { // 判断是否已经全选，如果全选则让每一项为false let flag = this.goodsList.every(item => item.isChecked === true) if (flag) { this.goodsList.forEach(item => item.isChecked = false) } else { this.goodsL.
你真的了解JavaScript里的箭头函数(Arrow Function)吗（一）？
zwf193071的专栏
06-27 1646
你真的了解Javascript里的箭头函数吗
ES6之箭头函数（Arrow Function）
kaelyn_X的博客
11-03 2164
箭头函数（Arrow Function）
vue 使用箭头函数会报错
yun_hou的博客
01-07 3300
例：vue在这种情况下会报错  watch: { selected: (val, oldVal) => { console.log(this) } } 该问题为this的指向问题，把箭头函数换掉即可 链接：https://cn.vuejs.org/v2/guide/instance.html#实例生命周期钩子  ...
vue3：项目报错 AutoImport is not a function | Components is not a function（Vue3 webpack/vite项目安装按需导入报错）
最新发布
高级前端工程师
09-02 3331
TypeError: AutoImport is not a function TypeError: Components is not a function，Vue3 安装按需导入报错，Vue3按需自动导入Element Plus报错 TypeError: AutoImport is not a function或TypeError: Components is not a，vuecli5安装element-plus报错 TypeError: AutoImport is not a function，un
vue3 - 报错Uncaught ReferenceError: ElementPlus is not defined（vue3报错ElementPlus is not defined，详细解决方案
高级前端工程师
03-06 4288
vue3，element-Plus，typescript，引入组件后报错ElementPlus is not defined，但组件能正常显示就是报错，如何解决vue3+element-plus报错Uncaught ReferenceError: ElementPlus is not defined，解决vue3+ts报错，如何解决在vue3网页中出现报错，详细解决教程，强力解决，Vue3项目引用element-plus（2.3.14）报错 "ElementPlus is not defined"。
Vue - 解决报错 TypeError: transpileDependencies.map is not a function（vue项目运行启动或打包时提示错误，npm run serve报错）
🏆 前端领域优质创作者
01-07 6640
vue2，vue3，项目报错，transpileDependencies.mapisnotafunction，vue项目报错，运行npmrundev提示报错，项目启动就报错，npmrunbuild打包报错，Vue运行无故报错解决transpileDependencies.mapisnotafunction，什么也没动就报错了，Vue2报错，vue3报错，安装过程中执行了npmauditfix导致，项目没动代码就报错了，都改了还不行，加了配置也不行，vue.config.js加了t
在vue或者react或angular中，模板表达式中的箭头函数是无效的吗？为什么无效？
dongnihao的博客
11-24 1273
出现此问题的背景：我在Angular项目中对一个标签属性绑定了一个箭头函数，编译报错。
关于 ES6 箭头函数 用法 以及 Vue 中 data / method 里不能用箭头函数的坑点记录
♡ 脚下的每一步都叫远方 ♡
07-08 921
文章目录1>. arrow function1). how to use2). difference2>. vue's method don't use arrow method! 1>. arrow function 1). how to use 无参数 let hello_1 = function () { console.log('hello'); } let hello_2 = () => 'hello' 含参数 let hello_1 = function (
使用vue遇到的错误
qq_44302282的博客
03-18 389
‘vue-cli-service’ 不是内部或外部命令，也不是可运行的程序 或批处理文件。 先执行 npm install 再执行 npm run dev
vue 小项目 常见错误整理（2）
m0_67841039的博客
06-05 526
vue 小项目 常见错误整理
资源日历 踩坑记(一)
weixin_30697239的博客
05-20 4969
当我遇到了一个很坑的跨域问题 使用margin: 0 auto的前提 如何给react组件添加多个class 如何重写antd的样式 关于CSS3不熟悉的用法 如何使用babel来测试ES6 ES6相关 react相关 reducer相关 后端 ESLINT规则集 ESLINT 数组部分实践 数组常用方法实践 当我遇到了一个很坑的跨域问题 问题描述: 不知道为什么，就是跨域，我检查了端...
vue props 默认值为数组或对象时报错
野生松
03-17 4386
简单粗暴直接上代码： // 这些写时会报错 Type of the default value for 'record' prop must be a function props: { record: { type: Array, default: [] } } // 正确应该这样写 props: { record: { ...
2019.2.1 现有vue-cli项目引入ESLint
weixin_30384217的博客
02-01 444
ESLint 不管是多人合作还是个人项目，代码规范是很重要的。这样做不仅可以很大程度地避免基本语法错误，也保证了代码的可读性。 可能在早期建立项目的时候，因为一些原因没有引入eslint、单元测试等，随着项目开发，更多的小伙伴加入进来，每个人的编码风格远近高低各不同，后续自己或他人进行维护他人的代码时，会变得很棘手。 就最基本的缩进、字段类型、参数函数命名方式（驼峰底杠）等可能都会让其他维护人员...
警告：Expected to return a value in arrow function array-callback-return
热门推荐
gay
10-18 3万+
Expected to return a value in arrow function array-callback-return 期望返回箭头函数数组回调值 发现只要加上return i.id，就不会有警告了。
VUE项目启动报错Arrow function should not return assignment
06-09
这个错误通常是因为你在箭头函数中使用了赋值语句，例如： ``` const myFunction = () => { return myVariable = 'Hello World' } ``` 这会导致函数返回一个赋值表达式的结果，而不是一个值。为了解决这个问题，你应该确保你的箭头函数只返回一个值，例如： ``` const myFunction = () => { const myVariable = 'Hello World' return myVariable } ``` 或者你可以将赋值语句移动到函数体外部，例如： ``` const myVariable = 'Hello World' const myFunction = () => { return myVariable } ``` 这样就可以避免 Arrow function should not return assignment 错误了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值