如何修复Vue项目中eslint-loader抛出的Module Error编译失败问题
问题根本原因
报错属于prettier代码格式校验触发的警告,和你移除fontawesome、使用jQuery修改样式的操作无关联。你仅删除@vue/cli-plugin-eslint依赖无法关闭校验,因为package.json的devDependencies中仍然保留了完整的eslint+prettier校验依赖,校验规则会在编译时正常执行。
警告中的␍是Windows系统特有的CRLF换行符,和prettier默认要求的LF换行符不匹配;另一类报错是代码行前的多余空格不符合格式规范。
彻底解决方法
方案1:保留格式校验,自动修复所有格式问题(推荐)
- 执行自动修复命令,批量修正所有不符合prettier规则的代码格式:
npm run lint -- --fix
- 如果执行后仍然存在换行符报错,在项目根目录新建
.prettierrc文件,添加以下配置适配换行符规则:
{ "endOfLine": "auto" }
endOfLine设为auto会让prettier自动适配不同系统的换行符,也可以指定为crlf适配Windows系统。
方案2:完全关闭prettier格式校验
如果不需要代码格式校验,可以直接移除所有相关依赖和规则:
- 执行命令卸载所有prettier和对应eslint插件依赖:
npm uninstall @vue/eslint-config-prettier eslint-plugin-prettier prettier
- 打开项目根目录的
.eslintrc配置文件,删除extends配置项中所有和prettier相关的内容,比如'@vue/prettier'、'plugin:prettier/recommended'等 - 重启本地开发服务即可
内容的提问来源于stack exchange,提问作者enamul haque
相关产品推荐
相关产品推荐

