时间戳

首页 > 解决方案 > Vue：添加断开的链接时，npm run serve 崩溃

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

问题描述

我刚刚开始使用 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.jsnpmvuejs3spacemacs

解决方案

你可以配置 Webpack 的开发服务器忽略这些文件：

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

推荐阅读