You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何修复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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.09.26 02:06:08