Vue：添加损坏的 link 时 npm 运行服务崩溃

Question

我刚开始使用 Vue 3。

npm run serve命令正常运行。但是，一旦将损坏的 link 添加到 npm 正在跟踪的文件夹中，npm run serve 命令就会完全崩溃。它曾经显示编译后的 Vue 代码中的任何错误，并且仍然保持运行ning.

删除link后，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 命令在自动尝试跟随损坏的 link 后崩溃的问题：.#navigation.vue.

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

npm 版本：

6.14.10

Vue 版本：

@vue/cli 4.5.9

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

Answer 1

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

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

Vue：添加损坏的 link 时 npm 运行服务崩溃

Vue: npm run serve crashes when a broken link is added

vue.js

npm

vuejs3

spacemacs

Vue：添加损坏的 link 时 npm 运行 服务崩溃

Vue: npm run serve crashes when a broken link is added

vue.js

npm

vuejs3

spacemacs

Vue：添加损坏的 link 时 npm 运行服务崩溃