vue格式报错--space-before-function-paren

已于 2023-07-07 13:59:11 修改
阅读量289 收藏
点赞数
文章标签： vue.js javascript ecmascript
于 2023-06-26 19:40:37 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43799531/article/details/131404128
版权
文章讲述了在Vue开发中遇到的一个问题，即Prettier自动删除方法名与括号间的空格，导致违反了不允许可有空格的格式规则。作者尝试通过修改.eslintrc.js文件，将space-before-function-paren规则设为never或0，但问题仍未解决。这提示可能需要更深入的配置调整或者考虑调整Prettier和ESLint的集成策略。
摘要由CSDN通过智能技术生成

错误描述：由于vue中格式规则不允许方法名与括号中间有空格，但是保存时，设置好的prettier，会删掉空格，造成错误
在这里插入图片描述
解决方案：
1.右键错误，得到错误的名称space-before-function-paren，修改.eslintrc.js文件

'space-before-function-paren':['error','never']
  1. 重启服务器
    在这里插入图片描述
    以上还是不能解决，更换为下方代码
'space-before-function-paren': 0
皮皮岛。
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
ESLint 中的“ space-before-function-paren ”相关报错及其解决方案
酷爱前端的小陈博客
05-12 1万+
CSDN话题挑战赛第1期 活动详情地址：CSDN 参赛话题：前端学习记录 话题描述：记录前端学习过程中的某个知识点、解决方案等等 目录 出现的问题及其报错： 报错原因： 解决方案： 方案一： 方案二： 方案三： space-before-function-paren 规则: 规则细节 选项 “always” “never” {"anonymous": "always", "named": "never", "asyncArrow": "always"} {"an...
Eslint 规则说明
05-18 961
1 "no-alert": 0,//禁止使用alert confirm prompt 2 "no-array-constructor": 2,//禁止使用数组构造器 3 "no-bitwise": 0,//禁止使用按位运算符 4 "no-caller": 1,//禁止使用arguments.caller或arguments.callee 5 "no-cat...
eslint 与 prettier 的一些常见的配置项（很详细）
最新发布
qq_45796592的博客
06-25 918
eslint 与 prettier 的一些常见的配置项（很详细）
error Missing space before function parentheses space-before-function-paren
十二的博客
05-24 3914
原因是函数名称或function关键字与开始参数之间缺少空格 可以在报错的当前页面检查哪里缺少空格 一般报错都会定位到多少行 修改.eslintrc.js的配置 在rules节点下增加"space-before-function-paren": 0 此rules还具有其他选项… { "space-before-function-paren": ["error", "always"], // or "space-before-function-paren": ["error
http://eslint.org/docs/rules/space-before-function-paren Missing space before function parentheses
信徒博客
09-03 3522
错误信息如下 报错原因 解决方案 config文件夹-index.js-更改useEslint: false,
如何禁用Eslint以及在配置了.prettierrc文件后仍出现“space-before-function-paren”错误？
qq_42556623的博客
08-31 1679
解决办法：创建与src同层级的配置文件vue.config.js* 代码如下 module.exports = { lintOnSave:false,//这里禁止使用eslint-loader }
vue-element-admin项目开发全流程
guanan1230的博客
05-16 989
vue组件开发 编写组件时应该先定义API props名称具备语义化，类型符合规范 props可以添加自定义校验validator，值是一个函数，参数是当前传入值，返回值是布尔值 组件使用时绑定的类似于原生的事件，不能被识别，需要添加.native修饰符或者当成自定义事件处理 <template> <button class="h-btn" :class="[sizeClass,typeClass]" @click="clickHandler"> <
5.23-vue-admin-template笔记
cjjaixuexi的博客
05-23 273
vue-admin-template vue-element-admin结构 ├── build # 构建相关 ├── mock # 项目mock 模拟数据 ├── public # 静态资源 │ │── favicon.ico # favicon图标 │ └── index.html # html模板 ├── src # 源代码 │ ├── api # 所有请求 │ ├── assets # 主题 字体等静态资源 │ ├── components # 全局公用组件 │ ├── icons # 项目所有 s
vue-cli4配置
MikeZhang93的博客
12-09 1792
1.设置端口号及浏览器是否自动打开 vue.config.js加入devServer const webpack = require('webpack') module.exports = { devServer: { port: 8085, // 端口号 host: 'localhost', https: false, open: true // 配置是否自动...
vue eslint 报错：Component name “xxxxx“ should always be multi-word.eslintvue/multi-word-component-name
weixin_44566194的博客
12-03 1668
vue-cli全新创建项目，并建立组件时提示报错，VSCode会标红提示，如图： npm run serve / yarn serve也会报错：Ctrl+Shift+M 问题面板出现 新手在组件命名的时候不够规范，根据官方风格指南，除了根组件（App.vue）外，自定义组件名称应该由多单词组成，防止和html标签冲突。而最新的vue-cli创建的项目使用了最新的vue/cli-plugin-eslint插件，在vue/cli-plugin-eslint v7.20.0版本之后就引用了vue/multi-w
vue运行报Missing space before function parentheses space-before-function-paren错
ZERO2244的博客
07-30 617
解决： 打开.eslint文件，并在rules中添加如下一行代码即可： “space-before-function-paren”: 0
Vue3中方法后面的空格引起的space-before-function-paren“: 报错
weixin_57649833的博客
10-14 2493
主要是prettier格式化和eslint代码检查的规则冲突引起的，eslint需要添加空格，prettier格式化会去掉空格，引起eslint报错。解决方法，在根目录下的eslintrc.js中的reles{}中添加： 'space-before-function-paren': 0 保存后需要重启编辑器vscode才可以生效哦。 ...
Vue编译时出现 “space-before-function-paren“: 报错
qq_45104931的博客
03-29 4784
问题：Vue编译时出现 "space-before-function-paren": 报错 意思是在方法名和括号之间需要有一格空格。 解决方法：在vue项目根目录文件下的.eslintrc.js文件中的rules节点中添加"space-before-function-paren":0 即可。 ...
prettier 和ESlint格式冲突问题解决-Unexpected space before function parentheses
qq_36722315的博客
06-02 3023
描述一下问题： 1.本来prettier和eslint 用的好好的，今天做黑马头条的案例，写到一个匿名函数，prettier又开始加空格了，但是eslint只能设置忽略空格或者不忽略空格，没办法做到两全，我这里改了规则怕是前面的都要翻了天 2.妄想通过修改rules或者settings.json来实现，未遂1.安装插件prettier-eslint 2.配置： 说明： 1.首先原来的eslint和prettier属于是开发者都很傲娇，谁也不惯着谁，不妥协不将就，所以目前没有找到特别完...
关于prettier 配置的一些问题
weixin_51662487的博客
03-07 308
关于prettier 配置的一些问题
vue的eslint和快捷键格式化的冲突、以及space-before-function-paren规则的解决方法
m0_60336681的博客
08-06 950
问题分析：格式化代码，会增加分号和双引号，而eslint不允许。 并且eslint要求，在函数方法括号前要有空格。 解决方法： 1、在项目根目录下创建.prettierrc文件,写上相关配置即可 { "semi": false, "singleQuote": true } 第一行表示在语句末尾，不加分号 第二行表示，使用单引号 这时使用快捷键格式化代码，发现双引号变成了单引号，分号也不见了。 2、对于eslint提示在函数方法括号前要加空格的规则的处理方法 问题分析：eslint要求在
prettier
besttoby01的博客
09-21 1699
保存一套prettier规则 { // 使能每一种语言默认格式化规则 "[html]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "[css]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "[less]": { "editor.defaultFormatter":
vue ui 报错-4058
09-06
Vue UI 报错-4058 是指在使用 Vue UI 工具时出现了错误代码 4058。通常，这个错误是由 Vue CLI 版本不兼容引起的。 解决这个问题的方法是升级或降级 Vue CLI 版本，以与当前 Vue UI 版本兼容。你可以尝试以下步骤：...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值