您似乎不依赖“ @ angular / core”。这是一个错误


140

我想用angular cli创建一个angular 2应用

我已经在cmd中写过:

npm安装angular-cli -g

然后:

ng firstngapp

但是当我写npm start时它告诉我一个错误! 错误图片

文件图像

我不明白这个问题


22
我有一个类似的问题,但是我在父文件夹中。
Jaider

尝试运行npm bug firstngapp并查看。它将指导您解决问题
Swanand

1
安装npm后,您可以尝试关闭项目,然后再次打开。它为我工作。
支付

你像我一样生锈吗?克隆项目后...转到项目文件夹,然后npm install
Adam Cox

同意,您必须运行“ npm install angular-cli -g”,然后运行“ npm install”,最后运行“ ng XXX”
Andreas Panagiotidis

Answers:


192

尝试跑步

npm install

在项目文件夹中


79

在运行时,ng serve 您应该位于应用程序的/ project的目录中

如果在另一个目录中运行该命令,则会出现错误:

您似乎不依赖“ @ angular / core”。这是一个错误。


2
我依赖于“ @ angular / core”,但我不在项目目录中,所以我遇到了该错误
niranjan pb

15

删除您的节点模块,检查您的package.json文件应具有@angular/core并使用进行重新安装npm i


13
  1. 删除node_modules文件夹和package-lock.json文件。
  2. 然后运行以下命令,它将更新npm软件包。

    npm update

  3. 稍后启动项目,执行以下命令。

    ng serve

以上步骤对我有用。


7

可以帮助您。

  • 删除以前创建的所有文件夹
  • 创建新文件夹
  • 然后尝试从命令“ cd foldername”导航到该文件夹
  • 然后尝试安装“ npm install”

这将解决您的问题。


6

从终端

 > cd myProjectPath
 myProjectPath > npm install

8
这看起来与目前的最高答案非常相似-这是必须的答案吗?
TerryA

1
比上面的相同建议更好。
FeeFiFoFum

5

我不知道这是否仍然是一个问题。我和@angular/cli v1.1.2on 一样感到讨厌npm 4.1.2。我删除了node_modules目录,然后继续进行更新npm(因为这是过去的常见原因)。

我想升级npm5.0.3(最新),但自从使用以来,nvm它似乎弄乱了库。因此,我重新安装了node

然后,我去了

  • npm cache clean
  • npm rebuild
  • npm install -这是几次,因为每次使用不同的程序包都会引发错误

最后,每个包装都很好。

希望这可以帮助。


5

以下步骤对我有用:

1)删除node_modules/文件夹和package-lock.json文件。

2) npm install

3) ng serve



3

如果有人在2018年ng new my-app遇到了ng serve这个问题,那么最终对我有用的是进入使用我创建的my-app ,然后运行This与它有关,它需要位于my-app/package.json而不是中的依赖项和devDependencies root/package.json。它们是两个单独的文件。

即使我将所有依赖项都复制到了根文件夹package.json,也必须进入并手动更改配置文件的路径位置,然后才能进入my-app/*。进入该目录my-app/并在ng serve其中运行以使其按照预期的方式工作要容易得多。

因此,这些步骤应适用于任何人:

rm -rf <previous-app> //无论您以前的应用程序是什么,都可以调用。

sudo rm -rf node_modules

rm -f package-lock.json

npm install

ng new my-app

cd my-app

ng serve


你能解释什么呢室射频<先前应用>如果,为什么我做了我不记得previous-app做你的命令后,我得到一个You cannot use the new command inside an Angular CLI project.错误,而这样做ng new my-app
革命报莫妮卡

@ Marine1您无法在Angular应用程序内创建新的Angular应用程序。并且仅rm -rf <previous app>在您以前的应用程序正在产生此问题的情况下运行。在此处替换您应用的名称。rm -rf 强制递归删除整个目录的内容
Dan


2

面临同样的问题。运行ngserve时,您应该位于apps目录中。确认(在GIT BASH上:如果您在应用程序目录中,则在gitbash提示符下的目录路径后会有(master)。)


2

这就是我解决这个问题的方法。

我先跑了npm install @angular/core

然后我跑了npm install --save

当两个安装都成功完成时,我运行npm serve并收到错误消息

"Versions of @angular/compiler-cli and typescript could not be determined.
The most common reason for this is a broken npm install.

Please make sure your package.json contains both @angular/compiler-cli and typescript in
devDependencies, then delete node_modules and package-lock.json (if you have one) and
run npm install again."

然后,我删除了node_modules文件夹以及package-lock.json文件夹。

删除这些文件夹后,我npm install --save再次运行。

我跑步npm start并收到另一个错误。这个错误说Error: Cannot find module '@angular-devkit/core'

我跑了npm install @angular-devkit/core --save

终于,我跑npm start了,项目开始了!


2

我遇到了同样的问题,原因是

  1. 在运行时ng new app-name,它将创建一个带有应用程序名称的新目录,并在其中安装所有内容。
  2. 运行上面的命令后,人类趋向于运行,ng serve 并且由于您的应用程序位于子目录中,因此它将找不到package.json并抛出所提到的错误。

解决方案非常简单。只需移至子目录,然后运行ng serve


即cd ng5目录
Ajay Takur

@AjayTakur目录名称将与应用程序名称相同。
abhirathore2006 '18

1

您可以使用以下方法创建新项目:

ng new firstngapp

在您的示例中,您不见了new。这将创建文件夹,生成文件并npm install为您运行。似乎您已经创建了文件夹,但是其中没有Angular CLI应用程序。

并启动应用程序使用:

ng serve

npm start 仅在您从cli弹出时使用。


1

尝试无济于事后:

  • npm安装
  • npm更新
  • ng服务

npm install -g @ angular / cli对我有用


0

我遇到了同样的问题,并且删除了node_modules并重新安装,我需要先删除package-lock.json。


0

我尝试运行“ ng服务”时遇到了同样的错误,之后我看到一些建议,一位技术人员告诉我更新我的npm。我也这样做,然后在进入“ ng服务器”后得到了这个屏幕

“” @ angular / compiler-cli和打字稿的版本无法确定。最常见的原因是npm安装失败。请确保您的package.json在devDependencies中同时包含@ angular / compiler-cli和typescript,然后删除node_module和package-lock.json(如果有)并再次运行npm install。

执行完所有操作后,它现在可以正常运行...并收到消息“编译成功”。


0

您需要从c:\ project \ angular-src位置运行ng服务器。不只是项目的根源。


OP可能没有c:\ project \ angular-src文件夹。不,您的回答毫无道理。ng serve必须从文件夹的根目录运行,因为这是package.json定义此脚本的文件所在的位置。
米罗斯拉夫·乔纳斯


0

就我而言,以下工作有效:

rm -rf node_modules
rm package-lock.json
npm install

因此npm install,而不是更新


0

我遇到的问题是,我遵循了cli的建议改用纱线卷装管理。

然后,在按照教程进行操作的同时npm install --save bootstrap,此后开始出现错误。之后,我yarn add xxx当然做了,它奏效了。

要恢复项目的状态,我已删除node_modulespackage-lock.json按照答案进行操作yarn install


0

无法确定@ angular / compiler-cli和打字稿的版本。最常见的原因是npm安装失败。

请确保您的package.json在devDependencies中同时包含@ angular / compiler-cli和typescript,然后删除node_modules和package-lock.json(如果有的话),然后再次运行npm install。


0

当我混合打包经理时,这发生在我身上。我的项目是使用Yarn生成的,此后,我使用npm install添加了两个依赖项(这创建了package-lock.json仅添加了依赖项)。

显然,ng服务使用了package-lock.json,并且在那里找不到Angular依赖项。当我开始仅使用Yarn(即添加纱线而不是npm install)后,错误消失了。


0

**您应该在新创建的YOUR_APP文件夹中,然后单击ng serve命令**

让我们从新鲜开始

1) install npm

2)创建一个新的角度应用程序(ng new <YOUR_APP_NAME>

3)转到应用文件夹(cd YOUR_APP_NAME

4) ng serve

我希望它能解决问题。


0

解决这个问题。

  1. 第1步: cd projectName
  2. 第2步: npm update
  3. 第三步: ng serve -o

例如 : 在此处输入图片说明


0

对于ng服务,您需要位于该目录中

ashish@ashish-Inspiron-3521:~/Angular$ ng new FireStore
  create FireStore/README.md (1025 bytes)
  create FireStore/.angular-cli.json (1245 bytes)
  create FireStore/.editorconfig (245 bytes)
  create FireStore/.gitignore (544 bytes)
  create FireStore/src/assets/.gitkeep (0 bytes)
  create FireStore/src/environments/environment.prod.ts (51 bytes)
  create FireStore/src/environments/environment.ts (387 bytes)
  create FireStore/src/favicon.ico (5430 bytes)
  create FireStore/src/index.html (296 bytes)
  create FireStore/src/main.ts (370 bytes)
  create FireStore/src/polyfills.ts (3114 bytes)
  create FireStore/src/styles.css (80 bytes)

ashish@ashish-Inspiron-3521:~/Angular$ ng serve
You seem to not be depending on "@angular/core". This is an error.

我如何使用cmd解决此问题

ashish@ashish-Inspiron-3521:~/Angular$ cd FireStore/

现在做cmd

ashish@ashish-Inspiron-3521:~/Angular/FireStore$ ng serve
** NG Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.