解决Vue-cli3中的Eslint报错

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

#vue

本文介绍了在使用vue-cli3搭建项目时遇到的ESLint报错问题。作者在创建项目时选择了standard模式，导致每次启动项目时代码都会被检查。为了解决这个问题，只需在.eslintrc.js文件中注释或删除'@vue/standard'配置即可关闭ESlint检查。作者认为ESLint对于团队开发和经验丰富的开发者很有用，但对于初学者可能需要一些时间适应。

今天用vue-cli3搭建项目，写了几个页面，去编译的时候eslint都会抛出错误

在这里插入图片描述

原因就是在项目搭建的时候选择的是standard（正常模式）所以每次启动项目的之后都会对代码进行检查，是否符合Eslint规范。

解决方法：想要关闭Eslint语法检查只要在.eslintrc.js文件中找到’@vue/standard’配置将其注释或者删除即可。
在这里插入图片描述
总结：ESLint 是一个语法规则和代码风格的检查工具，用来保证写出语法正确、风格统一的代码，这个比较适合团队开发和对代码已经轻车熟路的大神使用，我现在还不行。最后我认为大家还有我都会成为一个不惧怕Eslint的大神的

Fxhani
关注
Vue - 解决报错 Error: Cannot find module ‘XXX\@vue\cli-service\bin\vue-cli-service.js‘（vue项目编译运行出错，启动失败）
🏆 前端领域优质创作者
06-24 2872
vue报错，Error: Cannot find module ‘@vue\cli-service\bin\vue-cli-service.js‘，vue2项目启动报错，vue3项目运行出错，vue执行npm run serve报错，找不到@vue/cli-service模块，vue项目关于：Error: Cannot find module ‘D:\@vue\cli-service\bin\vue-cli-service.js‘的解决方案，vue项目跑不起来了，Vue项目报错，跑项目报错Cannot fi
vue3 vite4 安装eslint进行初始化时报错
baiyajin的博客
09-23 553
eslint安装成功，初始化时失败
vue实战开发005:解决Vue-cli3中的Eslint报错
kevinfan的博客
01-23 5177
       今天用之前vue-cli3搭建的项目开始进行开发，发现每次启动服务时都会弹出编译错误，我就简单的写了两个页面，在layout.vue中引入了header.vue（里面基本没什么内容），然后根据提示去查看代码，怎么也没看出问题出现在哪里。虽然报错了，但是服务还是正常启动了，在浏览器上访问http://localhost:8080/可以查看到写的内容。     这里可以看到系统提示...
【bug】vue3因为eslint格式不对报错
weixin_44372834的博客
08-29 491
配置vue3的时候不小心勾选了eslint，结果稍微一点改动就运行不了，网上很多都是去找conf.js，但是我的版本比较新，找不到这个文件，然后看这个文章解决了，码住：（本文根据不同版本不同情况给出对应方案）...
记录：vue.config.js 中eslint配置错误导致的问题 Child compilation failed:
weixin_39854011的博客
01-10 2269
Error: Child compilation failed: Module parse failed: Unexpected token (1:0) File was processed with these loaders: * ./node_modules/html-webpack-plugin/lib/loader.js * ./node_modules/eslint-loader/index.js You may need an additional loader to handl
vue3配置eslint 出现问题
LI_YICHAO的博客
08-19 446
vue3配置eslint 出现问题。
vue-cli3 取消eslint校验代码的解决办法
11-21
本文将详细介绍如何在`vue-cli3` 中取消`eslint` 对代码的校验。 首先，我们需要了解`eslint` 是一个静态代码分析工具，用于检测JavaScript代码中的潜在错误和不符合编码规范的部分。`eslint-disable-next-line` 是...
详解vue-cli中的ESlint配置文件eslintrc.js
12-08
本文讲解vue-cli脚手架根目录文件.eslintrc.js，分享给大家，具体如下： 1.eslint简介 eslint是用来管理和检测js代码风格的工具，可以和编辑器搭配使用，...3.vue-cli的.eslintrc.js配置文件的解释 // http://eslint
vue-cli3 运行或打包报错: js内存溢出
weixin_43936742的博客
12-08 1222
报错信息：FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory 解决方法： 第一步： 安装npm包 increase-memory-limit 和 cross-env npm install increase-memory-limit cross-env -g 第二步： 在package.json中添加： "fix-memory-limit": "cross-env LIMIT=4.
vue-cli的eslint相关用法
08-29
在使用 Vue CLI 创建项目时，如果选择了集成 ESLint，会在项目根目录下生成两个文件：`.eslintignore` 和 `.eslintrc.js`。`.eslintignore` 文件用于指定哪些文件或目录不需要进行 ESLint 检查，这通常包括编译后的...
eslint-config:这是为项目创建的eslint规则配置（包括react规则配置），其中在vscode中使用了打字稿，eslint和漂亮的项目。
05-03
@ lofty87 / eslint-config 这是为项目创建的eslint规则配置（包括react规则配置），其中在vscode中使用了typescript，eslint和prettier。 此eslint规则配置是基于，如果您完成以下步骤，则可以通过更漂亮的格式应用eslint自动修复格式，并通过F11 save 。 您可以利用这种格式来定义您或您团队的代码约定，并为每个人编写一致的代码。 1.前提条件 typescript（> = 3.6，tsconfig.json） eslint（> = 7.3） vscode插件（ESLint，更漂亮的代码格式化程序） 2.依存关系 1.基础 @ typescript-eslint / eslint-plugin @ typescript-eslint / parser eslint-config-airbnb-typescript
解决使用vue-cli搭建的项目出现的ESLint错误
高贵的程序媛
11-16 773
问题原因：Vue对语法的严格限制 找到 build 文件夹下的 wwebpack.base.conf.js，注释以下代码：
vue3-webpack遇到Eslint各种报错
tiger_Angle
11-11 5173
报错一：：与创建项目时选择的 eslint 的设置问题，可以通过“—fix”选项修复：//原代码报错二：提示建议我们使用特殊注释禁用某些警告。使用//eslint disable next line忽略下一行。使用//忽略文件中的所有警告。
vue基础-某个项目ESLint不生效问题
smileKH的博客
07-07 6826
vue基础，最近接手同事的项目，发现ESLint不生效了，找了很久也没有发现问题，因为其他的项目是可以用的。这就是解决某个项目ESLint不生效问题，希望帮助到你。
【eslint报错解决】
qq_46106080的博客
01-31 1147
eslint报错解决办法
OpenStack配置Cinder出现“You must set cylinders.You can do this from the extra functions menu.”解决办法
weixin_42332074的博客
05-19 1334
** OpenStack配置Cinder出现“You must set cylinders.You can do this from the extra functions menu.”解决办法 ** 刚入门OpenStack的伙伴们，在配置OpenStack时会遇到各种问题。今天我们来讲一下配置Cinder出现“You must set cylinders.You can do this from the extra functions menu.”的解决办法。 一、Cinder存储节点配置 1.安装LV
vue3中的computed计算属性
最新发布
m0_74242675的博客
05-25 1138
这个组件展示了如何使用Vue 3的响应式系统和计算属性来动态更新界面。用户可以通过输入框更改姓名的各个部分，而计算属性fast则自动根据这些输入更新显示的名字，同时保持特定的格式化规则（如名字的第二个字符大写）。点击按钮会触发一个事件，通过计算属性的setter逻辑，快速地把名字改为预设的“李思”。整个过程中，Vue的响应式系统确保了界面的自动更新，体现了Vue在处理状态管理和界面绑定上的高效和简洁。
eslint配置
m0_61657405的博客
07-29 1518
代码】eslint配置。
eslint里的警告消除
AS_TS的博客
03-18 4146
eslint里的警告消除 在vue控制台界面出现警告时，可以进行手动警告消除 1.点选控制台旁边的输出按钮，找到警告的位置，将灰色括号内的内容复制 2.找到并打开 eslintrc.js 文件 3.将之前复制的灰色内容粘贴到rules：{}中，将值设置为0，则不再报此警告 ...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值