解决运行vue项目时（总是抛出大量格式错误）

最新推荐文章于 2024-05-07 15:28:57 发布
最新推荐文章于 2024-05-07 15:28:57 发布
阅读量1.8k 收藏 6
点赞数 2
分类专栏： vue 文章标签： Vue eslint eslintignore 格式错误 忽略规则
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/guxiaohai_/article/details/120216744
版权

一：背景

在运行vue项目时，有时候会出现大量的格式错误，多一个空格、少一个空行等等，都会报出错误。这是因为你在初始化的时候选择了遵循eslint规范。如何解决请看下面

二：解决方案

  1. 找到.eslintignore文件并打开
  2. 根据自身需求关闭错误提示
	# 忽略build目录下类型为js的文件的语法检查
	build/*.js
	# 忽略src/assets目录下文件的语法检查
	src/assets
	# 忽略public目录下文件的语法检查
	public
	# 忽略当前目录下为js的文件的语法检查
	*.js
	# 忽略当前目录下为vue的文件的语法检查
	*.vue
guxiaohai_
关注
  • 2
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue项目eslint格式化最全注释！拿走不谢
c1518589418的博客
12-11 5293
JavaScript语言因为其灵活，怎么写都不会错的特点深受开发人员喜爱，然而过于灵活也会导致一些难以排查的bug。好的代码风格能够帮我们解决这些问题（typeScript：没错，正是在下！）雾~~ 代码检查是一种静态的分析，常用于寻找有问题的模式或者代码，并且不依赖于具体的编码风格。eslint附有大量开箱即用的配置规则帮助我们检查代码，但每次需要翻阅长长的文档颇为麻烦，我根据网络把大部分能用...
基于 Vue3打造前台+中台通用提效解决方案（上）
oschina_41559824的博客
03-04 1505
本项目使用 + 来实现前中台解决方案因为，之前的项目一直都是使用作为构建工具；出来这么久了，也没有用过；所以想在当前项目下进行使用；webpack vite 2.2、这么快会有什么问题吗？ 如果大家对的构建机制有了解的话，那么应该可以发现一个问题。 那就是**既然以原生的方式为浏览器提供源码，让浏览器接管了打包的部分工作**，那么假如我们的项目中存在 的内容怎么办?是不是就意味着无法解析呢? 是的! 在 的早期版本中，确实存在这个问题，这个问题导致的最核心的麻烦就是很多的依赖无法使用。 比如 因为
解决vue项目格式报错问题_@jie
tattoo_jie的博客
08-24 2035
vue项目格式报错问题： 简述问题：写项目过程中格式一直报错，如下图： 第一步：在项目根目录下创建名为vue.config.js文件，如下图： 第二步：js文件中的内容，如下图： 代码如下： module.exports = { lintOnSave:false,//禁用ESlint devServer:{ open:true,//启用项目自动打开浏览器 // proxy:"http://localhost:8080" } } 最后，重新启动项
Vue 格式警告修改、Vue格式错误
Hocen_Jonin的博客
04-17 3680
（1）找到文件webpack.base.conf.js （2）在文件中找到...(config.dev.useEslint ? [createLintingRule()] : []), 之后；注释掉（3）重新进入项目；OK
Vue项目运行报大量格式错误，按照这个博主说的已经解决
Exhalexujing的博客
10-22 569
在这里插入图片描述 在运行vue项目时，有时候会出现大量的格式错误，多一个空格、少一个空行等等，都会报出错误。这是因为你在初始化的时候选择了遵循eslint规范，如果你想彻底关闭这个功能，就重新初始化，在这一项的时候选择n。 Use ESLint to lint your code? (Y/n) 1 我的建议是不用彻底关闭，毕竟遵循规范从长远来说是有好处的。 可以选择性的在某个你想不遵循这个规范的项目中关闭就行了。不影响你的其他项目。 方法：在项目根目录找到一个.eslintignore的文件在最后加上/s
解决vue项目一直报格式错误
weixin_51169222的博客
11-15 3247
一直报格式错误是因为我们创项目的时候勾选了ESlint 我们只需要在创建项目的时候不勾选它就不会报空格和换行的错误 首先我们win+r打开命令行窗口 输入 vue ui进入图形化界面 然后在创建项目的时候选择手动配置项目 然后把Linter/Formatter（一般是多人做项目时需要）这一项取消勾选，其他的可以根据自己的需求勾选 然后在选择标准就可以了 ...
解决运行vue项目时，总是报出大量格式错误
qq_34814495的博客
08-13 2593
在运行vue项目时，有时候会出现大量的格式错误，多一个空格、少一个空行等等，都会报出错误。这是因为你在初始化的时候选择了遵循eslint规范，如果你想彻底关闭这个功能，就重新初始化，在这一项的时候选择n。 Use ESLint to lint your code? (Y/n) 我的建议是不用彻底关闭，毕竟遵循规范从长远来说是有好处的。 可以选择性的在某个你想不遵循这个规范的项目中关闭就行了。不影响你的其他项目。 方法：在项目根目录找到一个.eslintignore的文件在最后加上/src/*。加上这.
Vue 格式化错误
BUG_devil的博客
04-24 592
在vscode中 ctrl+shift+p在命令面板中输入settings.json后输入代码。和vetur下，Vue格式化错误。
Vue脚手架总是报错格式问题解决方案
qq_54896194的博客
07-18 344
在写vue项目的时候发现总是会在命令界面报错，不管写了什么都要报错一下。看着真的很蛋疼，找了很多解决方案都没办法解决。多次试错下来发现只有这个方法可以建档的解决一下。
创建 vite + vue3 + ts 项目简单笔记
qq_33365152的博客
09-16 257
创建 vite + vue3 + ts 项目简单笔记、vite、vue3、ts、TypeScript
使用VUE+springboot 完成前后端分离项目
weixin_43432772的博客
05-07 4726
作者：知遇网-黄明；最后修改日期：2019-5-6 一、搭建vscode+vue环境 具体方法请参照 https://blog.csdn.net/junshangshui/article/details/80376489 需要注意事项： ①设置淘宝镜像与安装vue cli ②Node很多教程里面没有配置环境变量，我们在使用过程中可以配置环境变量也可以不配置环境变量，自己体会配置环境变量的作用。说明...
vue实战项目-电商商城前台-（学习尚硅谷的）尚品汇
drhrht的博客
07-31 6280
但是会出现卡顿现象。当微信支付弹窗弹出，就要持续发获取订单支付状态的请求（持续是因为并不知道用户什么时候支付，所以需要持续发请求，直到能获取到支付状态），若接收到支付成功，则路由跳转至支付成功页面。项目打包后，代码都是经过压缩加密的，如果运行时报错，输出的错误信息无法准确得知是哪里的代码报错，有了map文件就可以像未加密的代码一样，准确的输出是哪一行哪一列有错。例如，为防止，不经过某路由就直接在地址栏输入本路由地址而跳转至本路由，导致本路由获取不到前面路由的某些数据，所以给本路由加路由独享守卫。...
vscode新建vue项目，新建vue文件，一打开就报错
qq_46490956的博客
09-05 1681
vscode新建vue文件刚开始就报错
304 vue 启动项目打开页面_2-2【微信小程序全栈开发课程】index页面搭建--ESlint格式错误...
weixin_28972687的博客
12-30 251
1、修改入口文件也就是src/pages/index/main.js文件main.js是入口文件，通过main.js来加载index.vue文件。每个页面文件夹中都要有main.js文件//加载vue组件和index.vue文件 import Vue from 'vue' import App from './index' //新建一个index页面的Vue实例 const app = new ...
vue2 阻止控制台报错
最新发布
killerdoubie的博客
05-07 393
这样，Vue在运行时遇到错误时，会调用这个自定义的错误处理函数，而不会打印到控制台。你可以在这个函数里面添加自己的逻辑，比如发送错误报告到服务器，或者只是简单地记录错误信息。如果你想要完全忽略错误，只需确保这个函数不做任何操作即可。在Vue 2中，如果你想要阻止控制台中的某些错误报告，你可以使用。来全局处理错误，从而避免控制台输出这些错误。例如，你可以在Vue应用的入口文件（比如。
运行Vue项目时报大量的格式错误的解决方法
~~~~~~~BUG FLY~~~~~~~~~
11-01 3004
第一次用vue-cli创建vue项目，在初始化的时候选择了遵循eslint规范 Use ESLint to lint your code? (Y/n) y 导致运行项目是报出大量的格式错误 解决方法：关闭eslint 关闭eslint两种方法： 方法一：重新初始化，在选择是否遵循eslint规范这一项的时候选择n。 方法二：进入你的vue项目中，找到build目录下的webpack.base.conf.js 配置文件 如下图所示： 然后将eslint rules相关的代码注释掉，再次运行项目就行了 如
vue错误集锦
IT12345666的博客
05-21 551
关于vue中出现的小小的异常信息，以及排查方法
vue项目出现空格警告的原因及其解决办法
dengke2247的博客
12-15 757
原因： 因为你的Webpack 配置中大概是使用了eslint-loader，这是用来规范代码风格的，在多人协作或大项目中推荐使用，不想要则可以在webpack.config.js中去掉。eslint是语法检查工具，但限制太过于严格，作为开发人员，大部分人还是无法适应这种限制的，所以如果不想看到过多的警告出现，就可以用以下的解决方法。 解决办法： 找到build->we...
在vue中去掉格式错误警告
aiyawei123的博客
10-09 2614
在项目中找到webpack.base.conf.js项目，将 ...(config.dev.useEslint ? [createLintingRule()] : []), 这段代码注释掉
为什么vue项目运行时只运行app.vue
06-09
在 Vue.js 项目中，app.vue 是整个应用程序的根组件，它负责定义应用程序的整体结构和布局，并提供一些全局性的配置和功能。在运行 Vue.js 项目时，实际上是运行了一个包含 app.vue 组件的 Vue 实例。这个 Vue 实例会将 app.vue 中定义的组件、路由、状态管理等内容挂载到实例上，然后渲染出整个应用程序。 因此，当我们运行 Vue.js 项目时，实际上是运行了一个包含 app.vue 组件的 Vue 实例。这个 Vue 实例会将 app.vue 中定义的组件、路由、状态管理等内容挂载到实例上，然后渲染出整个应用程序。所以我们只需要运行 app.vue 组件，就能启动整个 Vue.js 应用程序了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值