Vue：添加断开的链接时，npm run serve 崩溃答案

【问题标题】：Vue: npm run serve crashes when a broken link is addedVue：添加断开的链接时，npm run serve 崩溃
【发布时间】：2021-04-03 12:32:51
【问题描述】：

我刚刚开始使用 Vue 3。

npm run serve 命令正常工作。但是，一旦将断开的链接添加到 npm 正在跟踪的文件夹中，npm run serve 命令就会完全崩溃。它用于显示编译后的 Vue 代码中的任何错误，并且仍然继续运行。

删除链接后，可以再次运行npm run serve 命令来编译工作的Vue项目。

崩溃日志如下：

 node:internal/process/promises:225
          triggerUncaughtException(err, true /* fromPromise */);
          ^

[Error: ENOENT: no such file or directory, stat '/home/brandsma/main/work/projects/vue/portfolio_main/portfolio/src/components/.#navigation.vue'] {
  errno: -2,
  code: 'ENOENT',
  syscall: 'stat',
  path: '/home/brandsma/main/work/projects/vue/portfolio_main/portfolio/src/components/.#navigation.vue'
}
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! portfolio@0.1.0 serve: `vue-cli-service serve`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the portfolio@0.1.0 serve script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /home/brandsma/.npm/_logs/2020-12-25T13_56_54_511Z-debug.log

stat 命令在自动尝试跟随断开的链接后崩溃似乎是一个问题：.#navigation.vue。

.#{filename}.vue 是spacemacs 在编辑文件时创建的链接/文件。

npm 版本：

6.14.10

Vue 版本：

@vue/cli 4.5.9

有人知道如何解决这个问题吗？

【问题讨论】：

标签： vue.js npm vuejs3 spacemacs

【解决方案1】：

您可以configure Webpack's dev server 到ignore 这些文件：

// vue.config.js
module.exports = {
  devServer: {
    watchOptions: {
      ignored: ['**/.#*.vue', 'node_modules/**']
    }
  }
}

【讨论】：