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

Posted 2023-02-22

【中文标题】Vue：添加断开的链接时，npm run serve 崩溃

【英文标题】：Vue: npm run serve crashes when a broken link is added

【发布时间】：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

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

【参考方案1】：

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

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