前端vue开发项目遇到“Use // eslint-disable-next-line to ignore the next line”

已于 2022-10-17 14:30:42 修改
阅读量2.2k 收藏 3
点赞数 1
分类专栏： 日常开发中问题分享 文章标签： 前端 vue.js javascript
于 2022-10-17 14:29:38 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46567616/article/details/127362735
版权

问题：前端使用vue来开发，原本项目是可以正常运行的，由于需要卸载element-ui，重新安装更新版本的element-ui，操作完成执行npm run serve 后报错，显示

Syntax Error: TypeError: Cannot read property 'styles' of undefined


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.

由于第一次遇到这个问题，上百度查教法如下：

https://blog.csdn.net/tuzi007a/article/details/105906812

https://blog.csdn.net/qq_41999034/article/details/109078474

，结果第一个链接不是描述该问题，第二个链接再我的项目里根本找不到。后来尝试下面这种方法也不行：

其中安装依赖我使用的是npm install --force。

最后经过同事帮忙，执行下面步骤后成功运行了

1、npm i --legacy-peer-deps

2、npm i element-ui -S --legacy-peer-deps

夜雨星光~
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Vue - Syntax Error: TypeError: Cannot read properties of undefined (reading ‘styles‘) 项目运行时报错，详细解决方案
王佳斌
11-07 5146
vue2，Syntax Error: TypeError: Cannot read properties of undefined (reading 'styles')，webpack，npm run serve，报错怎么办，运行报错，run serve时出现报错如何解决，vue2项目运行报错Syntax Error: TypeError: Cannot read properties of undefined (reading 'styles')，vue2怎么解决npm run serve时的Cannot
eslint-config:使用 Vue.js 和 Typescript 和 Jest 的项目的自以为是的 eslint 配置
08-05
GeProg eslint 配置 使用 Vue.js 和 Typescript 和 Jest 的项目的自以为是的 eslint 配置 用法 require ( '@geprog/eslint-config/patch/modern-module-resolution' ) ; module . exports = { extends : [ '@geprog' ] , parserOptions : { project : [ './tsconfig.json' ] , // should "include" all files you want to lint tsconfigRootDir : __dirname , } , } ; 可用配置 @geprog @geprog/eslint-config/vue @geprog/eslint-config
解决Syntax Error: TypeError: Cannot read property ‘styles‘ of undefined
菜鸡的博客
07-12 2631
使用启动。
You may use special comments to disable some warnings. Use // eslint-disable-next-line to ignore the
Aa12364567的博客
03-05 892
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.
报错:You may use special comments to disable some warnings. Use // eslint-disable-next-line to ignore
斯基的朦胧
03-02 326
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.
Use eslint-disable-next-line to ignore the next line. Use eslint-disable to ignore all warn
悟世君子的博客
05-22 9033
报错内容 error: Too many blank lines at the end of file. Max of 0 allowed (no-multiple-empty-lines) at src\view\product\index.vue:107:1: 105 | } 106 | </script> > 107 | | ^ 108 | ...
Use // eslint-disable-next-line to ignore the next line.Use /* eslint-disable */ to ignore
肖肖肖丽珠的博客
08-25 2442
Use // eslint-disable-next-line to ignore the next line. Use /* eslint-disable */ to ignore all warnings in a file. 这个是没有发现使用eslint的配置，lintOnSave:false
Use // eslint-disable-next-line to ignore the next line. Use /* eslint-disable */ to ignore all warn
s123l4的博客
01-10 566
vue-cli搭建的项目过程中出现的一些警告
Use // eslint-disable-next-line to ignore the next line.Use /* eslint-disable */ to ignore all解决
m0_65262198的博客
04-16 6624
项目运行中出现如下报错： 解决方法： 将根目录下的eslintrc.js文件中的no-console和no-debugger注释掉，重启就可以了
vue-cli3以上版本关闭eslint的方法,Use // eslint-disable-next-line to ignore the next line,Use /* eslint-disabl
yingshuangtu的博客
12-23 6649
项目场景： 一个超级烦人的报错！！！ 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. 最近在开发一个vue项目然后遇到eslint老是无缘无故报错，感觉他太烦了，想把他关掉，百度都是说将build->index.
eslint-config-typescript:用于vue-cli的eslint-config-typescript
05-01
用于vue-cli的eslint-config-typescript 有关可用规则，请参见 。 此配置是专为Vue CLI设置使用而设计的，并不供外部使用（可以使用，但可能需要在用户端进行一些修改-有关详细信息，请参阅配置文件）。 其设计...
vue-eslint-parser：.vue文件的ESLint自定义解析器
02-05
Vue-Eslint解析器 .vue文件的ESLint自定义解析器。 :right_arrow_curving_up: 动机该解析器使我们可以.vue文件的<template> 。 如果我们在使用复杂的指令和表达式，我们很容易在上犯错。 该解析器和规则会捕获一些...
eslint-config:基于airbnb的强大esLint配置
07-24
@youngjuning/eslint-config 基于 airbnb 的强大 esLint 配置请先移除你的 eslint、prettier 插件。 全部在@youngjuning/eslint-config更漂亮依赖项： $ yarn add @youngjuning/prettier-config -D 配置： // ....
vue-next/runtime-core 源码阅读指南详解
10-16
主要介绍了vue-next/runtime-core 源码阅读指南详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
WEB转Flutter基础学习笔记（内含vue和flutter对比）
小易不止于搬砖的博客
05-17 667
笔者是一名web前端，记录在转栈flutter时的学习笔记，内涵和vue的对比，能够辅助前端同学更容易理解flutter
vue3.0+antdv的admin管理系统vue-admin-beautiful推荐
独行猫a 的沉淀、积累、总结。天天学习，好好向上...c/c++,嵌入式 linux,Android,HarmonyOS)
05-15 1108
几年前，笔者自学了vue这一优秀的前端框架，但苦于没项目练手，无意间发现了这一优秀的前端集成框架。当时就使用它做了一很有意思的小项目---终端监控云平台，实现了前端和后台的整体功能。整体方案介绍参见博文《》，前端使用vue-admin-beautiful框架，后端使用go-zero微服务框架，几天内就搞出来了一个包含前端和后台的小项目。我的monitor-ui前端运行界面：后续有机会介绍下我这个终端监控云平台小项目的具体实现，挺有意思的。几年前还用到过几个地方的公交客户现场，客户挺喜欢这个功能的。
Unable to start ServletWebServerApplicationContext due to missing ServletWeb
s_sos0的博客
05-14 500
Unable to start ServletWebServerApplicationContext due to missing ServletWeb
解决 SpringBoot 的 Date、LocalDateTime 变成时间戳和数组的问题，创建自定义对象消息转换器
最新发布
shijialeya
05-18 378
解决 SpringBoot 的 Date、LocalDateTime 变成时间戳和数组的问题，创建自定义对象消息转换器进行数据格式化。
综合性练习-验证码
cj13106811623的博客
05-15 821
生成验证码param(参数): 无Return: 图片的内容校验验证码用户输入的验证码5. 代码编写生成验证码://图型验证码写出,可以写出到文件,也可以写出到流try {//返回到浏览器修改前端代码相对应的接口验证成功。
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.
06-07
Yes, that's correct. ESLint provides special comments that can be used to disable specific warnings or all warnings in a file. To ignore a warning for the next line, you can use the comment `// eslint-disable-next-line` at the end of the line that generates the warning. For example: ``` const foo = 1; // eslint-disable-next-line no-unused-vars const bar = 2; ``` In this case, the `no-unused-vars` warning will be ignored for the `bar` declaration. To ignore all warnings in a file, you can use the comment `/* eslint-disable */` at the top of the file. For example: ``` /* eslint-disable */ const foo = 1; const bar = 2; ``` In this case, all ESLint warnings will be ignored for the entire file. However, it's generally not recommended to disable all warnings, as it can lead to code quality issues. It's better to address each warning individually, or to configure ESLint to only show warnings for specific rules.

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值