ChatGPT解决这个技术问题 Extra ChatGPT

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

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

我在cmd中写了:

npm install angular-cli -g

然后:

ng firstngapp

https://i.stack.imgur.com/0afMx.jpg

https://i.stack.imgur.com/nP17A.jpg

我不明白这个问题

我有一个类似的问题,但我在父文件夹中。
尝试运行 npm bugs firstngapp 并查看。它将指导您解决问题
在 npm install 之后,您可以尝试关闭项目然后再次打开。它对我有用。
你和我一样生疏吗?克隆项目后...更改为项目文件夹和 npm install
同意,你必须运行“npm install angular-cli -g”,然后是“npm install”,最后是“ng XXX”

g
galvan

尝试运行

npm install

在项目文件夹中


S
Samuel Liew

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

如果您在另一个目录中运行该命令,则会收到错误消息:

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


我依赖于“@angular/core”,但我不在项目目录中,所以我收到了那个错误
S
SeleM

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


D
Dinesh Kumar

删除 node_modules 文件夹和 package-lock.json 文件。然后运行以下命令,它将更新 npm 包。 npm update 稍后启动项目执行以下命令。服务

以上步骤对我有用。


A
Ajit Kumar

可以帮助你。

删除您之前创建的所有文件夹

创建新文件夹

然后尝试从命令“cd foldername”导航到该文件夹

然后尝试安装“npm install”

这将解决你的问题。


P
Pooja

从终端

 > cd myProjectPath
 myProjectPath > npm install

这看起来与目前的最佳答案非常相似 - 这是必要的答案吗?
比上面的相同建议更好。
r
rhavelka

以下步骤对我有用:

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

2) npm install

3) ng serve


M
Mathias Rodriguez

我不知道这是否仍然是一个问题。我在 npm 4.1.2 上遇到了与 @angular/cli v1.1.2 相同的麻烦。我删除了 node_modules 目录,然后继续更新 npm(因为这是过去的常见原因)。

我想将 npm 升级到 5.0.3(最新),但由于我使用的是 nvm,它似乎把库弄乱了。因此,我重新安装了 node

然后,我和

npm 缓存清理

npm 重建

npm install - 这几次,因为每次它都会用不同的包抛出错误

最后,每个包裹都很好。

希望这可以帮助。


g
grepit

我的解决办法是

npm link
ng build 

https://i.stack.imgur.com/P5bLf.png


D
Dan

如果有人在 2018 年遇到这种情况,那么最终对我有用的是进入我使用 ng new my-app 创建的 my-app,然后运行 ng serve 这与它需要位于my-app/package.json 而不是 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


你能解释一下 rm -rf <previous-app> 是什么吗?我不记得我是否以及为什么执行 previous-app 执行您的命令后,执行 ng new my-app 时出现 You cannot use the new command inside an Angular CLI project. 错误
@Marine1 您不能在 Angular 应用程序中创建新的 Angular 应用程序。并且仅当您以前的应用程序导致此问题时才运行 rm -rf <previous app>。在此处替换您的应用程序名称。 rm -rf 强制递归删除整个目录的内容
S
Surendra Parchuru

安装所有对等依赖项后运行 npm update 即可。


L
Learner

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


I
I Stand With Israel

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

我首先运行 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,项目开始了!


A
Amir

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

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

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


即,cd ng5 目录
@AjayTakur 目录名称将与应用名称相同。
M
Miroslav Jonas

您使用以下命令创建新项目:

ng new firstngapp

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

并启动应用程序使用:

ng serve

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


u
user3172635

尝试无济于事后:

npm 安装

npm 更新

服务

npm install -g @angular/cli 为我工作


R
RollWhisTler

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


I
Irshad

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

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

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


T
Tony B

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


OP 可能没有 c:\project\angular-src 文件夹。不,你的回答毫无意义。 ng serve 必须从文件夹的根目录运行,因为这是定义此脚本的 package.json 文件所在的位置。
r
rsapru

执行 ng new --skip-install PROJECT_NAME 然后手动进入创建的文件夹并输入 npm install。 https://github.com/angular/angular-cli/issues/3906


L
Lars

在我的情况下,以下工作:

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

因此是 npm install,而不是 update


b
bottlenecked

我遇到的问题是我按照 cli 的建议切换到纱线包管理。

然后在遵循教程时我做了npm install --save bootstrap,然后错误开始出现。之后我当然做了yarn add xxx,它奏效了。

为了恢复项目的状态,我根据 this 答案删除了 node_modulespackage-lock.json,然后运行 yarn install


O
OM Prakash Singh

无法确定 @angular/compiler-cli 和 typescript 的版本。最常见的原因是 npm 安装损坏。

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


Y
Yakov Fain

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

显然, ng serve 使用了 package-lock.json 并且在那里找不到 Angular 依赖项。在我开始只使用 Yarn 后,即 yarn add 而不是 npm install,错误就消失了。


A
Abhishek Kumar

**在您点击 ng serve 命令之前,您应该位于新创建的 YOUR_APP 文件夹中**

让我们从新鲜开始,

1) install npm

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

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

4) ng serve

我希望它能解决这个问题。


S
Samuel Liew

来解决这个问题。

Step1: cd projectName Step2: npm update Step3: ng serve -o

https://i.stack.imgur.com/MPMZm.png


S
Samuel Liew

对于 ng serve 你需要在那个目录里面

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/ **