vue -eslint 各种标红错误部分总结

错误1：✖ 69 problems (61 errors, 8 warnings) 56 errors and 8 warnings potentially fixable with the --fix option…
错误2：[vue/no-unused-vars] ‘$index’ is defined but never used.eslint-plugin-vue…
错误3：
错误4：需要配置"jsx": “preserve” 什么的balabala…

解决办法（各位都试试把，不行了看看参考链接）：

vue.config.js 添加

  //关闭eslintlintOnSave:false,

2.在 .eslintrc.js 文件，同样如果没有则新建一个（注意文件前有个点）

文件全部内容替换为如下：

module.exports = {root: true,env: {node: true},'extends': ['plugin:vue/essential','eslint:recommended'],parserOptions: {parser: '@babel/eslint-parser'},rules: {'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off','no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',},overrides: [//这里是添加的代码{ files: ['src/views/index.vue','src/views/**/index.vue'],   // 匹配views和二级目录中的index.vuerules: {'vue/multi-word-component-names':"off",} //给上面匹配的文件指定规则},{files: ['**/__tests__/*.{j,t}s?(x)','**/tests/unit/**/*.spec.{j,t}s?(x)'],env: {jest: true}}]
}

3.设置–>搜索“template”–>把“vetur>Validation:Template”那的对勾取消了—>ctrl+c 关闭项目，然后重启项目

4. jsconfig.json添加 “jsx”: “preserve”

{"compilerOptions": {"baseUrl": "./","paths": {"@/*": ["src/*"]},"jsx": "preserve", //添加配置},"exclude": ["node_modules", "dist"]
}

参考：
1.vue eslint报错：Component name “index“ should always be multi-word.eslintvue/multi-word-component-names
2. 打开.vue文件出现红色波浪线

vue -eslint 各种标红错误部分总结相关推荐

Idea导包正确还是显示标红(错误)
问题描述 idea引入新的类,import不了,依赖都是正确的,手动加入import还是标红,但是编译.打包都是通过的. 解决方案方案一更新一下Maven,可能是因为没有更新Maven,所以依赖不 ...
【IDEA】IDEA中出现下划标红问题应该怎样解决（一种简单方法）
下面以简单的输出"你好"程序为例: 此为正确的程序图: 程序中出现标红错误: 如下为解决步骤: 首先,在标红处单击鼠标右键,出现如下图所示情况后选择第一项Show Context ...
SpringBoot+POI实现导入Excel时验证并返回错误Cell标红的文件
场景 SpringBoot中使用POI实现Excel导入到数据库(图文教程已实践): https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details ...
使用idea开发时，在SSM框架下进行mapper的自动扫包sqlSessionFactoryBeanName标红，和遇到的错误
配置mapper自动扫描器的代码 <property name="configLocation" value="classpath:sqlMapConfig.xml ...
【vue eslint】报错Component name “xxxxx“ should always be multi-word.eslintvue/四种解决方案
vue eslint报错:Component name "index" should always be multi-word.eslintvue/multi-word-compo ...
服务器磁盘状态,宝塔面板：服务器状态“磁盘100%”标红解决方法
直接给大家看我的Linux服务器,宝塔面板 - 服务器状态截图: 先给大家说一下,磁盘100%标红,你要看是不是数据占满了,如果是数据的话,只能升级磁盘空间,不要乱删数据,删除操作一定要谨慎.谨慎.再 ...
使用AndroidStudio时 R标红的一些问题总结
刚刚开始接触androidStudio很多地方不适应,因为原先都是用的eclipse,什么快捷键啊项目目录啊,功能什么的都好多不一样,这还不是最让人恶心的,而是新的编译软件总是出现这些那些的问题,今天 ...
Vue Eslint语法检测工具
一.ESlint 简介 1. Lint 的含义如果你写自己的项目怎么折腾都没关系,但是在公司中老板希望每个人写出的代码都要符合一个统一的规则,这样别人看源码就能够看得懂,因为源码是符合统一的编码规范 ...
eslint报“Extra semicolon“错误的解决
问题: D:\HBuilderProjects\Vue学习\vue-cli-study\05-demo\src\plugins\element.js 2:46 error Extra semi ...

vue -eslint 各种标红错误部分总结

vue -eslint 各种标红错误部分总结相关推荐

最新文章

热门文章