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

Onu*_*sar 49 visual-studio-code angular

我对 Angular 还很陌生。但是当我尝试开始我的项目时

ng serve --open
Run Code Online (Sandbox Code Playgroud)

我收到以下错误:

错误

我的项目结构是这样的:

结构

可能是什么问题?

小智 35

要修复错误 \xe2\x80\x9c 在工作区之外运行 Angular CLI 时此命令不可用 Error\xe2\x80\x9d,请在 Visual Studio Code 中右键单击项目名称,然后单击 \xe2\x80\x9cOpen在集成终端\xe2\x80\x9d 选项中。

\n

它将在您的终端上打开项目,并且错误将被修复。现在,您可以在终端中运行命令\xe2\x80\x9cngserve\xe2\x80\x93open\xe2\x80\x9d 或“ngserve”,没有任何问题。

\n

  • 这个解决方案对我有用,但你能解释一下为什么它有效吗?谢谢 (9认同)
  • @Phoebe因为它将当前目录设置为项目根目录,以便cli可以找到配置文件 (3认同)

Lin*_*Dao 28

就我而言,angular.json设置时文件会自动删除Nx Console。我只是使用git恢复angular.json删除来修复此错误。


小智 13

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


kar*_* li 10

我遇到了这个问题,最后解决了。

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

由于这是一个教程项目(Angular-tour-of-heroes),我从官方网站下载了一个示例。通过比较这两个项目,很快我就发现了差异。我将其从示例复制到我的示例中,并对angular.json (不同的项目名称)进行了微小的更改。

最后我跑npm installng build,世界又回来了……

因此,对于类似的问题,也许您应该首先检查angular.json文件,因为此 JSON 内容定义了“sourceRoot”。


小智 6

当ng new my-project变得困难时,请使用以下 ( --save-dev) 将本地版本更新到您要在其中创建新项目的文件夹中的最新版本:

npm install --save-dev @angular/cli@latest
Run Code Online (Sandbox Code Playgroud)