错误：在工作区外运行 Angular CLI 时，此命令不可用

Question

我是 Angular 的新手。但是当我尝试开始我的项目时

ng serve --open

我收到以下错误：

我的项目结构是这样的：

可能是什么问题？

Answer 1

你只需要确保你在应用程序的根目录，如果它有任何结构问题，还要检查angular.json

Answer 2

导航到终端中的根文件夹，然后运行 ​​angular cli 命令。 下面的命令会将您置于当前位置的根目录 => cd angular_t-project

Answer 3

要修复错误“在工作空间外运行 Angular CLI 错误时此命令不可用”，请在 VS Code 中右键单击您的项目名称，然后单击“在集成终端中打开”选项。

它会将项目打开到您的终端并修复错误。 现在您可以在终端中运行命令“ng serve –open”或“ng serve” ，没有任何问题。
希望能帮助到你 ：）

Answer 4

它只需要在组件所在的根目录中。

对不起我的英语 XD

Answer 5

ng serve --open 错误：在工作区外运行 Angular CLI 时，此命令不可用。

检查您的路径：您的项目路径必须是 go。 然后你可以打开你的项目。

C:\Users\Hp\Desktop\Angular\Projects\Project1>

Answer 6

正如其他人所说，您必须位于根文件夹中。

如果您使用 Visual Studio 2019/2022，请使用终端/PowerShell：

cd C:\Users\<user>\source\repos\<solution>\<projectname>\ClientApp

Answer 7

删除 node_modules 文件夹并重新安装。

Answer 8

使用此命令创建新项目 (--save-dev) 将本地版本更新到最新 npm install --save-dev @angular/cli@latest

Answer 9

我的问题是我已经添加了一个同名文件夹

Answer 10

错误：在工作区外运行 Angular CLI 时，此命令不可用。

检查你是否在文件中（文件夹 --> cd 项目文件）

Answer 11

我遇到了这个问题，终于解决了。

就我而言，这是丢失文件的问题：由于某种未知原因，我的 angular 项目丢失了其angular.json文件，该文件应位于项目根目录中。

由于这是一个教程项目（angular-tour-of-heroes），我从官方网站下载了一个示例。 通过比较两个项目，很快我发现了不同，我把它从样本中复制到我的，并在angular.json （不同的项目名称）中做了一个小改动。

终于跑了npm install和ng build ...世界回来了...

所以对于类似的问题，也许你应该先检查angular.json因为这个 json 定义了“sourceRoot”。

Answer 12

就我而言，问题如下。 在探索 angular 前几天，我刚刚尝试使用 Jhipster，使用 Angular。糟糕的是，我在 mac 的根文件夹中使用了 jhipster 命令（users/${currentUser}）。 所以，我在那里有angular.json文件。 似乎 angular 从根目录扫描文件夹，偶然发现了这个文件并破坏了它的内部逻辑。 从 Jhipster 文件（包括angular.json ）中清理该文件夹后，一切正常。 我建议您检查根文件夹中是否存在冗余文件，这可能会破坏 angular。