Vue项目运行中eslint问题，以及出现问题的解决方法

最新推荐文章于 2024-07-02 09:39:03 发布
最新推荐文章于 2024-07-02 09:39:03 发布
阅读量4w 收藏 10
点赞数 2
分类专栏： 前端Vue 笔记 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43578935/article/details/120740781
版权

项目初次运行时，可以正常运行，但是更改东西时会报eslint错误，这是因为他规范的问题。以下是解决eslint问题的三种方法。


以上两种都是eslint错误在这里插入图片描述
尝试了以下几种解决方法
第一种：降版本（开始以为版本太高，然后降低版本，发现副作用很大，基本上没啥用）

npm i eslint-config-standard@14.1.1 eslint-plugin-standard -D

第二种：
1.在项目中安装npm install eslint --save-dev
2. 进入node_modules目录的bin目录下 cd ./node_modules/.bin/
3. 进入目录后执行eslint --init
然后会出现两种情况：
①.报错：
eslint : 无法加载文件 C:\Users\TSY.DESKTOP-LV

最低0.47元/天 解锁文章
☞Y
关注
  • 2
    点赞
  • 踩
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
eslint-plugin-only-warn:将错误降级为警告
05-01
eslint-plugin-only-warn 将错误降级为警告 安装 您首先需要安装 ： $ npm i eslint --save-dev 接下来，安装eslint-plugin-only-warn ： $ npm install eslint-plugin-only-warn --save-dev 注意：如果全局安装了ESLint（使用-g标志），则还必须全局安装eslint-plugin-only-warn 。 用法 将“ only-warn添加到.eslintrc配置文件的“插件”部分。 您可以省略eslint-plugin-前缀： { " plugins " : [ " only-warn " ] }
vue中关闭eslint的方法分析
10-18
本文将详细分析在Vue项目中关闭ESLint的方法。 首先，关闭ESLint最简单的方式是在你的Vue单文件组件（.vue）中临时注释掉ESLint的指令。在文件顶部，你通常会看到类似这样的注释： ```javascript // eslint-...
解决vue项目运行npm run serve报错的问题
01-18
先来一张报错的截图 先去配置环境变量 C:\Users\lgd\AppData\Local\Programs\Microsoft VS Code\bin的后面配置 ；%SystemRoot%\system32;一定要注意分号， 然后在path环境中配置C:\Windows\System32 最后去项目安装依赖 npm i 运行项目 npm run serve 如果这样子项目还是报同样的错误，那么就把node全局卸载，去控制面板卸载，然后安装，最后安装依赖，运行项目就可以成功了 补充知识：vue npm run serve报错Cannot find module ‘eslint-plugin
vue项目关闭eslint校验
11-30
简介eslint eslint是一个JavaScript的校验插件，通常用来校验语法或代码的书写风格。 官方文档：https://eslint.org 这篇文章总结了eslint的规则：Eslint规则说明 关闭eslint校验 有了eslint的校验，可以来规范开发人员的代码，是挺好的。但是有些像缩进、空格、空白行之类的规范，在开发过程中一直报错，未免太过于苛刻了。所以，我还是会选择关闭eslint校验。 下面就介绍一下vue项目中如何关闭这个校验。 首先我们在创建一个vue项目的时候，会有一个选择：Use ESLint to lint your code? (Y/n)，在这一步，我们选
【npm】安装报错（大多是版本冲突）
lklalmq的博客
06-14 335
我使用的是vue2.x，npm 安装Vuex@3版本，控制台报错说eslint版本太高。
vscode下vue项目中eslint的使用方法
01-21
前言 在vscode的vue项目中，关于代码检查和格式化，遇到各种各样的问题，比如： 不清楚安装的拓展的功能，导致安装了重复功能的拓展 右键格式化文档的时候，不是按eslint的规则来格式化，导致需要我再次手动调整 保存时不能自动修复代码 以下通过自己的实践，进行了相应配置，目前可以实现： 仅安装2个推荐的拓展 右键格式化文档按照eslint规则，不会产生错误 保存时自动修复代码 vscode 拓展安装 eslint 拓展 该拓展本身不带任何插件，当前项目要使用该拓展，需要安装相应的npm包（全局安装或当前项目安装） 对于 vue 项目，通常在 vscode 中做
2024年Web前端最新VUE项目配置ESlint后一些报错解决方式，软件开发面试题及答案
2401_84411433的博客
05-05 414
正值招聘旺季，很多小伙伴都询问我有没有前端方面的面试题！开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】],// parser指定解析器，默认的为espree。babel-eslint是一个Babel parser的包装器，这个包装器使得 Babel parser 可以和 ESLint 协调工作// 支持es6语法，但并不意味着同时支持新的 ES6 全局变量或类型（比如 Set 等新类型）
Vue项目关于eslint
for_weber的博客
05-16 1914
    新公司的Vue项目没有配置eslint，虽然平时coding的时候都会按照eslint的标准去写，但是没有统一的配置后期项目代码review的时候总还是不太方便。    Vue的项目配置eslint还是很简单的。它属于依赖插件中的一种，可以像安装其他插件一样在命令行用npm install eslint -g安装，也可以修改package.json文件去更新项目的依赖包，重新跑一遍npm ...
vue基础-某个项目ESLint不生效问题
smileKH的博客
07-07 5068
vue基础，最近接手同事的项目，发现ESLint不生效了，找了很久也没有发现问题，因为其他的项目是可以用的。这就是解决某个项目ESLint不生效问题，希望帮助到你。
vscode vue3使用eslint不生效或者 ts文件不提示
weixin_44788637的博客
12-15 6520
如果eslint对整个项目文件都不会检查 1.检查是否安装eslint插件 2.项目需要放在根目录才能生效 2.如果typescrip不会检查t则要在 setting.json中加入如下配置 "eslint.validate": ["typescript"]
使用vite3创建vue3项目无法正常使用eslint配置
qq_38866594的博客
08-12 1917
想自己使用vite + vue3 + pinia + router + typescript 搭建一套模板供自己使用，奈何再引入 eslint、prettier 时，运行eslint – flx 一直报错。花了两天时间终于搞定了这个问题，特来记录一下如果是使用了 vite2版本创建项目是没有什么问题的，但是如果你使用的是来初始化你的项目，那么你再引入eslint的时候，创建package.json 的script时，就会报错执行过eslint 降了一个大版本也不行。...
webstorm报出Eslint:Can not get result from language service（Eslint:无法从语言服务获取结果）
sunberryL的博客
01-31 5000
**1.**之前我将package.json里里面的scripts里配置了 之前运行都没有问题，今天运行的时候在mutations.js中一直显示Eslint:Can not get result from language service。然后百度了一下，又将配置的那一句删除之后再运行就不报那个错了。 ...
详解如何在vue项目中使用eslint+prettier格式化代码
10-17
现在，每当保存Vue文件时，Prettier会自动格式化代码，而运行`npm run lint`则会自动修复一些可以通过ESLint解决的问题。如果项目遵循`standard`或`airbnb`等特定风格指南，你可能需要进一步调整配置，以确保`eslint...
vue 脚手架 安装element 报错 版本冲突 ！
最新发布
2301_79491526的博客
07-02 197
如果您发现维护当前的 ESLint 配置过于复杂或困难，您可能需要考虑使用不同的 ESLint 配置或从头开始创建一个新的配置。但请注意，这可能会隐藏潜在的依赖问题，并可能导致运行时错误。有时候，依赖项之间的冲突可能是由于项目中其他包也依赖于相同但版本不同的包。的官方文档，以及相关的社区论坛和问答网站，以获取更多关于如何解决依赖冲突的信息。有时候，清除 npm 的缓存可以解决一些奇怪的依赖问题。，如果您使用的是 Yarn）文件，以确保所有依赖项都是兼容的。的更新版本，该版本可能已经支持了更高版本的。
Vue--vue cli3 以上的版本关闭ESlint
NMZLduiduidui的博客
03-15 243
在vue.config.js（如果没有自己手动添加）中 添加lintOnSave:false
vue eslint代码校验无效
string佳佳的博客
04-01 2027
在GitHub上下载了一个后台管理系统框架，开发得时候发现eslint没有校验代码。按照百度到的各种方法，卸载了eslint重新安装也没用（高版本低版本都试过），eslint相关的各种依赖包都安装了，还是不校验。我甚至怀疑过是编辑器版本太低的原因（使用的phpStorm2018），安装了webStrom2020，但是还是不校验。 无意间我发现它只校验项目根目录的js文件，这说明eslint没问题，编辑器也没问题。是某个地方做了配置导致的。 直到我看到了这篇文章 eslint 怎么限制只在src目录下工作？，
项目配置了eslint,编辑器没有关闭eslint功能的情况下，eslint没有生效
baidu_33164415的博客
12-26 959
项目配置了eslint,编辑器没有关闭eslint功能的情况下，eslint没有生效
【bug】vue3因为eslint格式不对报错
weixin_44372834的博客
08-29 349
配置vue3的时候不小心勾选了eslint，结果稍微一点改动就运行不了，网上很多都是去找conf.js，但是我的版本比较新，找不到这个文件，然后看这个文章解决了，码住：（本文根据不同版本不同情况给出对应方案）...
Vue项目启动时 卡在98% after emitting StylelintWebpackPlugin无法运行
crowningJewel的博客
07-25 1828
开发过程中遇到的问题，vue启动项目时，卡在98% after emitting StylelintWebpackPlugin导致项目无法运行
vue项目报错eslint
07-29
您好！对于 Vue 项目报错 eslint，可能有几种可能的原因和解决方法。以下是一些常见的步骤可以尝试： 1. 检查项目中的 eslint 配置文件：确保您的项目根目录下有一个名为 `.eslintrc` 或 `.eslintrc.js` 的文件。检查其中的配置是否正确，并确保您已经安装了所需的 eslint 插件和规则。 2. 检查依赖项：确保您的项目中安装了 eslint 的相关依赖项。可以通过运行 `npm install eslint eslint-plugin-vue` 或 `yarn add eslint eslint-plugin-vue` 来安装。 3. 检查编辑器插件：如果您在使用编辑器插件来集成 eslint，请确保插件已正确配置和启用。不同的编辑器可能需要不同的配置方式，请参考相应的文档。 4. 清理缓存：有时候缓存可能导致问题，尝试清理缓存并重新运行项目。可以通过运行 `npm run lint -- --fix` 或 `yarn lint --fix` 来修复一些常见的 eslint 错误。 5. 更新 eslint 版本：如果您的 eslint 版本过旧，可能会导致与 Vue 项目不兼容的问题。尝试升级 eslint 到最新版本，可以运行 `npm install eslint@latest` 或 `yarn upgrade eslint` 来更新。 如果以上方法仍然无法解决问题，您可以提供具体的错误信息或更多的上下文，以便我们能够更好地帮助您解决问题。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值