您必须在angular-cli项目中才能使用serve命令

时间:2016-11-30 11:57:03

标签: angular

我正在尝试从dragula运行拖放示例。但是当我运行ng serve时,它抱怨:

You have to be inside an angular-cli project in order to use the serve command.

当我在我的机器中运行ng -v时,我有:

angular-cli: 1.0.0-beta.16
node: 4.6.0
os: win32 x64

我试图添加:

"angular-cli": "1.0.0-beta.16",

在项目的依赖项中,然后是npm install,但我的节点无法安装软件包。

如何运行 dragula

8 个答案:

答案 0 :(得分:20)

如果我理解正确,你想运行dragula演示。

显然没有使用角度cli项目创建dragula。因此,从demo文件夹运行ng serve命令不会产生任何结果。

相反,您应该使用节点运行应用程序。

首先更新角度CLI以确保它是最新版本。

npm install -g @angular/cli@latest

接下来,通过从您下载程序包的目录中执行npm installnpm i来安装所有依赖项。这将下载并安装package.json文件中提到的所有依赖项及其依赖项。

然后,您可以使用npm start命令运行开发构建。这将转换typescript并创建一个webpack,可以使用控制台中给出的url(默认为http://localhost:3000)来访问它。您也可以尝试再次使用ng serve命令。

答案 1 :(得分:13)

如果ng serve不起作用,请尝试npm start

我不知道确切的原因,但对我来说它有效!!

答案 2 :(得分:12)

尝试安装npm install -g @angular/cli@latest,因为 angular-cli 已重命名。

答案 3 :(得分:1)

ng服务如果您没有角度cli,将无效

但您可以通过 npm start 命令启动项目。

您应该通过以下命令全局安装angular cli。

npm install -g @ angular / cli @ latest

答案 4 :(得分:1)

快速提示是 angular-cli vs angular/cli 是不同的。如果您错误地安装了 angular-cli,请将其删除并安装 angular/cli

答案 5 :(得分:0)

  

angular-cli和@ angular-cli不同,因此版本变得冲突。所以试试这个命令。希望这对你有帮助

1. npm uninstall -g angular-cli @angular-cli
2. npm cache clean --force
3. npm install -g @angular-cli or npm install -g @angular-cli@latest

答案 6 :(得分:0)

您需要切换到项目的目录,即项目的根文件夹。 例如 PS E:\workspace\Angular dev\Heroes> ng serve serve命令需要在Angular项目中运行,但是找不到项目定义。

PS E:\workspace\Angular dev\Heroes> cd tour-heroes
PS E:\workspace\Angular dev\Heroes\tour-heroes> ng serve
  

Angular Live Development Server在localhost:4200上侦听,打开   您在http://localhost:4200/

上的浏览器

答案 7 :(得分:0)

这对我有用:

npm install -g @angular/cli@latest --force

这将覆盖当前版本。