Vue UI 未在新项目上启动答案

【问题标题】：Vue UI not launching on new projectVue UI 未在新项目上启动
【发布时间】：2021-12-22 23:54:36
【问题描述】：

我刚刚创建了一个新项目。这是我开始的第二个。我用 npm 全局安装了 vue cli。此外，我使用 vue create 创建了项目，但除此之外我还没有更改任何内容。当我运行vue ui 时，它会在我的浏览器中打开一个新选项卡，但不会加载。几秒钟后，这将在我的终端中输出

????  Starting GUI...
????  Ready on http://localhost:8001
node:events:368
      throw er; // Unhandled 'error' event
      ^

Error: ENOENT: no such file or directory, scandir '/Users/XXXX/Projects/XXXXXXX/node_modules/@vue/cli-service/locales'
    at Object.readdirSync (node:fs:1390:3)
    at exports.readdir (/usr/local/lib/node_modules/@vue/cli/node_modules/@mrmlnc/readdir-enhanced/lib/sync/fs.js:18:20)
    at Object.safeCall [as safe] (/usr/local/lib/node_modules/@vue/cli/node_modules/@mrmlnc/readdir-enhanced/lib/call.js:24:8)
    at DirectoryReader.readNextDirectory (/usr/local/lib/node_modules/@vue/cli/node_modules/@mrmlnc/readdir-enhanced/lib/directory-reader.js:78:10)
    at Readable.DirectoryReader.stream._read (/usr/local/lib/node_modules/@vue/cli/node_modules/@mrmlnc/readdir-enhanced/lib/directory-reader.js:57:18)
    at Readable.read (node:internal/streams/readable:496:27)
    at readdirSync (/usr/local/lib/node_modules/@vue/cli/node_modules/@mrmlnc/readdir-enhanced/lib/sync/index.js:27:21)
    at Function.readdirSyncStat (/usr/local/lib/node_modules/@vue/cli/node_modules/@mrmlnc/readdir-enhanced/lib/index.js:34:10)
    at ReaderSync.dynamicApi (/usr/local/lib/node_modules/@vue/cli/node_modules/fast-glob/out/providers/reader-sync.js:64:24)
    at ReaderSync.api (/usr/local/lib/node_modules/@vue/cli/node_modules/fast-glob/out/providers/reader-sync.js:56:25)
Emitted 'error' event on Readable instance at:
    at emitErrorNT (node:internal/streams/destroy:164:8)
    at emitErrorCloseNT (node:internal/streams/destroy:129:3)
    at processTicksAndRejections (node:internal/process/task_queues:83:21) {
  errno: -2,
  syscall: 'scandir',
  code: 'ENOENT',
  path: '/Users/XXXX/Projects/XXXXXX/node_modules/@vue/cli-service/locales'
}

我检查了是否可以将某种语言环境包添加到我的本地纱线依赖项中，但这并没有奏效。我错过了什么？

编辑：

我不知所措...我删除了该项目。再次打开用户界面。通过 UI 创建了一个新项目。它为我安装了所有软件包，并以相同的错误消息结束。

【问题讨论】：

你能说一下你的node版本是什么吗？虽然看起来很荒谬，但是你在运行项目之前有没有npm install？
@CristianPoley npm --version 返回 8.1.3，Node.js 是 v17.0.1

标签： vue.js vue-cli

【解决方案1】：

我遇到了同样的问题。问题的原因是 NodeJS 版本 17。不要使用 NodeJS v17，而是使用 NodeJS v16（这是 LTS）版本。使用v16运行后，通过Vue UI创建和运行项目没有问题。

【讨论】：