`npm run serve` 不会因错误而失败答案

【问题标题】：`npm run serve` does not fail on errors`npm run serve` 不会因错误而失败
【发布时间】：2022-11-29 15:44:28
【问题描述】：

我有一个 Vue 视图，类似于：

<script setup lang="ts">
import { firstItem } from "@/path/to/my/file";

onMounted(async () => {
  let f1 = getFirstItem();
  let f2 = getSecondItem();
});

如您所见，有一个firstItem 的导入，但我忘记为secondItem 添加一个导入。

我的问题 - 为什么这样的代码成功通过npm run serve？事实上，该网站无法正常工作（如预期的那样）。我怎样才能让 npm run serve 失败而不是这种令人困惑的场景，我确信我的代码一切正常，并且不知道这个错误？

顺便说一下，npm run lint做显示此错误，但我不记得在每个 npm run serve 之前运行 npm run lint

【问题讨论】：

标签： typescript vue.js npm lint

【解决方案1】：

这是一个运行时错误，而不是编译时错误。如果在运行npm run serve 之前运行类型检查器，该命令将失败。

您还可以更改您的 typescript 配置设置以报告错误。

在您的打字稿设置中的某个地方，您允许未声明的全局函数，或者禁用了类型检查。

有时，当 global 对象被覆盖为类型 any 时，会发生这种情况。

【讨论】：

找不到任何相关的配置设置。

【解决方案2】：

我通过编辑 package.json 文件解决了这个问题，并在每个 serve 上添加 lint 调用：

"scripts": {
    "serve": "vue-cli-service lint && vue-cli-service serve", ...

此解决方案基于https://stackoverflow.com/a/58070493/5699936

【讨论】：