Vue More than 1 blank line not allowed

最新推荐文章于 2023-11-16 17:31:48 发布

原创最新推荐文章于 2023-11-16 17:31:48 发布 · 721 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue

本文介绍了解决Vue项目中eslint校验时出现的空行限制问题的方法，包括格式化代码去除多余空行及修改配置文件两种方案。

在创建vue 项目时你有可能会遇到这个提示，这个字面意思其实就是代码不允许超过一个空行，但是很多时候当你写了很多代码再去问运行结果的时候，不可能一直去掉空行，其导致原因就是

eslint 校验语法造成的，解决方案有两种
1.格式化代码：shift+alt+f 这样可以去掉多余的空行，但是此时会产生其他的问题，你会发现格式化后，你的字符串'Hello Word'会从单引号变成了双引号,又会警告

警告的意思是字符串必须使用单引号
我们可以这么设置，找到build 里面的webpack.base.conf.js

然后把这行代码注释掉,不使用eslint 校验规则

2.如果不格式化代码的话可以用第二种方式

找到.eslintrc.js这个文件

注释掉 standard，再次运行就可以了

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

chenhuashen123

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Vue源码分析——第一章

Lee的博客

09-09

2162

一文搭建Vuepress博客/文档系统：搭建，导出，SEO，自动编译和部署，域名，HTTPS，备案等

pdai的博客

11-08

2864

文章内容目录文章内容目录第一部分 - 博客/文档系统的搭建博客/文档搭建前言有哪些选择我做了哪些尝试自己写：我用java手写了一个系统 Docisify等工具博客园等平台为什么现在用vuepress 博客/文档工具vuepress介绍 vuepress是如何工作的？ vuepress 一些特性 vuepress 插件架构博客/文档基础搭建 brew安装或者...

参与评论您还未登录，请先登录后发表或查看评论

vue报错：More than 1 blank line not allowed

Dendrobium_qian的博客

11-14

397

eslint报错：空行不允许超过1个。

vscode ESLint格式不正确老是报错 more than 1 blank line not allowed

信徒博客

05-09

6566

报错背景 ESLint格式太严谨，老是报错！解决方案：让ESLint自动纠正格式 1、安装ESLint 2、安装vetur 3、package.json里面有eslint配置参数 4、.eslintrc.js文件配置如下 module.exports = { root: true, parser: 'babel-eslint', ...

【Vue】esLint 常见报错

镜花水月

11-10

3035

ESLINT 规范下 VUE 常见报错一、换行错误（1）换行过多错误 Too many blank lines at the end of file 解析：结尾处换行超过1行（2）结尾无换行错误 Newline required at end of file but not found 解析：结尾处没有新的换行（3）禁止换行错误 More than 1 blank line not allowed 解析：不允许换行超过1次, 只能有一行换行二、缩进错误（1）

关于vue告警：More than 1 blank line not allowed

热门推荐

菜鸟笔记

09-14

2万+

vscode环境开发vue-cli脚手架工程，eslint规范检查工具告警笔记告警告警内容： ✘ http://eslint.org/docs/rules/no-multiple-empty-lines More than 1 blank line not allowed src\components\question.vue:138:1 ^ 这行警告的关键信息： More ...

报错#error More than 1 blank line not allowed no-multiple-empty-lines

老衲的少女心i~

08-07

6487

报错环境在创建vue脚手架，之后，修改/src/App.vue删除我们不需要的代码 <template> <div id="app"> my_ui </div> </template> <script> export default { } </script> <style lang="scss"> </style> 启动项目：npm run serve 报错：er

C:\PROJECT\VUETEST1\hm-shopping\src\router\index.js 11:1 error More than 1 blank line not allowed no-multiple-empty-lines

06-13

我们正在解决ESLint的no-multiple-empty-lines规则引起的错误。该规则旨在禁止出现多个空行，通常我们会希望代码...> 注意：Vue Router 文件通常包含路由配置数组和导出语句，保持简洁的空行结构能显著提升可读性[^1]。

✖ 60 problems (60 errors, 0 warnings) 42 errors and 0 warnings potentially fixable with the `--fix` option. You may use special comments to disable some warnings. Use // eslint-disable-next-line to ignore the next line. Use /* eslint-disable */ to ignore all warnings in a file. error in ./src/router/index.js Module not found: Error: Can't resolve 'vue-router' in 'D:\java\web\study\base_project\src\router' ERROR in ./src/router/index.js 3:0-60 Module not found: Error: Can't resolve 'vue-router' in 'D:\java\web\study\base_project\src\router' @ ./src/main.js 3:0-30 6:8-14 ERROR in [eslint] D:\java\web\study\base_project\src\main.js 1:33 error Expected space or tab after '//' in comment spaced-comment 2:28 error Multiple spaces found before '//导入的 App.vue ...' no-multi-spaces 2:30 error Expected space or tab after '//' in comment spaced-comment 3:30 error Multiple spaces found before '// 引入路由模块' no-multi-spaces 5:1 error More than 1 blank line not allowed no-multiple-empty-lines 6:5 error 'app' is never reassigned. Use 'const' instead prefer-const 8:1 error More than 1 blank line not allowed no-multiple-empty-lines

最新发布

11-14

Module not found: Error: Can't resolve 'vue-router' in 'D:\java\web\study\base_project\src\router' ``` 这说明项目中没有正确安装 `vue-router`。你需要通过 npm 或 yarn 安装它。 #### 解决方案：打开终端...

More than 1 blank line not allowed

ll回家了

07-01

1260

一开始我删除代码一直出现这个，后来发现这不是错误，这是代码规范，意思是当你代码之间的空格超出1行就会报错你只需要将空行删除就行了继续运行就可以看见运行的程序

yarn serve后报错 4:1 error More than 1 blank line not allowed no-multiple-empty-lines 8:1 error

m0_55877024的博客

11-13

705

yarn serve后报错 4:1 error More than 1 blank line not allowed no-multiple-empty-lines 8:1 error

webstrom搭建vue项目后遇到ESLint: More than 1 blank line not allowed. (no-multiple-empty-lines)

weixin_43481793的博客

03-23

8884

webstrom搭建vue项目后遇到ESLint: More than 1 blank line not allowed. (no-multiple-empty-lines) 上图：现在我们来关闭ESLint语法检测即可：具体步骤如下：第一步我们打开setting设置：打开左上角的file，然后点击setting 接下来进入setting以后我们来看下面操作：接下来点击ok就可以了。 ...

vue开发More than 1 blank line not allowed、http://eslint.org/docs/rules/semi Extra

浪丶荡

06-18

4080

VUE如何关闭代码规范extra semicolon/VUE ✘ http://eslint.org/docs/rules/no-multiple-empty-lines More than 1 blank line not allowed src\components\tree\tree.vue:13:1 ^ ✘ http://eslint.org/docs/rul...

CLI报错：error More than 1 blank line not allowed

qq_36413371的博客

08-21

804

eslint语法报错写个插件的文件（.prettierrc）解决（需要安装插件）还有一种直接修改vscode代码的方式 //后续我上传settings.json的代码上来

vue项目启动错误 More than 2 blank lines not allowed

samuBO的博客

07-24

688

You may use special comments to disable some warnings. Use // eslint-disable-next-line to ignore the next line. Use /* eslint-disable */ to ignore all warnings in a file. 这是eslint的规范检查（JavaScrip...

【无标题】创建vue项目自带eslint规则，代码空格会报错

qq_44272669的博客

11-16

266

rules: { ‘no-console’: process.env.NODE_ENV === ‘production’ ? ‘warn’ : ‘off’, ‘no-debugger’: process.env.NODE_ENV === ‘production’ ? ‘warn’ : ‘off’, ‘space-before-function-paren’: 0, ‘indent’: 0, ‘no-multi-spaces’:‘off’, “no-multiple-empty-lines”: [0, { “

vue出现空格空行报错，解决方法

nieyayun2019的博客

12-08

1497

解决方法：找到build->webpack.base.conf.js文件，将createLintingRule方法里面的代码注释，如下：然后要重启服务

执行vue create时出现错误：无法加载文件，因为在此系统上禁止运行脚本

qq_44872331的博客

03-09

1257

vue create 出错

Vue遇到的问题

weixin_30571465的博客

05-06

155

1.下载文件时window.location.href=url只能使用get请求，get请求时如果参数过长，浏览器会报400错误，这时需要使用post请求。可以用模拟提交表单的方式实现下载文件： exportOk(){ let demoUrl = gl.serverURL + "/common/tool/export"; let tem...

Vue项目集成LINE登录插件指南

标题中提到的 "vue-line-login-ps.rar" 指明了这是一个与 Vue.js 框架结合的 LINE 登录插件的压缩包文件。Vue.js 是一个构建用户界面的渐进式JavaScript框架，广泛应用于构建单页应用程序。LINE 是日本的一个著名的...