错误截图

在这里插入图片描述

问题分析

1. prettier 格式化失败

[FAILED] prettier --write [FAILED]

prettier 在尝试对代码进行格式化时失败了。prettier 是一个代码格式化工具,它会根据预设的规则自动调整代码的格式

2. 具体的错误信息

× prettier --write:
[error] src/views/home/index.vue: SyntaxError: Opening tag "template" not terminated. (37:13)

这个错误提示指出,在文件src/views/home/index.vue的第37行、第13列处, 标签没有正确闭合。
我看页面是正常运行的,没有报错,代码中也没有所谓的缺少闭合标签,只是将插槽名改为了动态的形式
#['m'+i]
等同于以下写法
<template #m1={row}>内容1</template>
<template #m2={row}>内容2</template>
<template #m3={row}>内容3</template>

解决方案

使用 --no-verify 绕过 Git 钩子

告诉 Git 跳过所有钩子脚本的验证(包括 lint-staged),但仍然会完成提交,不会影响 Git 的正常提交流程,只是跳过了检查。

git add .
git commit --no-verify -m "提交消息"

重要提醒!!!

  1. prettier 的错误不是“误报”:虽然 Vue 可能能“容忍”并运行它,但这不代表代码是正确的。Prettier 无法格式化一个语法错误的文件,这正是问题的根源
  2. “代码没有问题” vs “代码语法正确”:代码能运行 ≠ 语法正确。就像一辆车能开动,不代表它的螺丝都拧紧了。
  3. 长期影响:如果每次遇到工具报错都选择忽略,项目的代码质量和可维护性会逐渐下降。
Logo

腾讯云面向开发者汇聚海量精品云计算使用和开发经验,营造开放的云计算技术生态圈。

更多推荐