ng serve 和 ng build 不工作答案

【问题标题】：ng serve and ng build is not workingng serve 和 ng build 不工作
【发布时间】：2021-08-02 00:13:38
【问题描述】：

我下载了这个github project。当我使用 NPM START 时，这工作正常。但是当我使用ng serve 或ng build 时，这不起作用。这给出了错误：

错误日志

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.

我在项目中尝试了npm install @angular/cli。 ng serve 仍然无法正常工作。我错过了什么或做错了什么。这是我的 package.json

package.json

{
"name": "angular-seed",
"description": "An Angular2+PrimeNG+SystemJS seed project",
"private": true,
"scripts": {
  "start": "live-server"
},
"dependencies": {
  "@angular/common": "^2.0.0",
  "@angular/compiler": "^2.0.0",
  "@angular/core": "^2.0.0",
  "@angular/forms": "^2.0.0",
  "@angular/http": "^2.0.0",
  "@angular/platform-browser": "^2.0.0",
  "@angular/platform-browser-dynamic": "^2.0.0",
  "@angular/router": "^3.0.0",
  "core-js": "^2.4.0",
  "font-awesome": "^4.6.3",
  "ngx-bootstrap": "^1.7.1",
  "primeng": "^1.0.0-beta.17",
  "rxjs": "5.0.0-beta.12",
  "systemjs": "0.19.37",
  "zone.js": "0.6.21"
},
"devDependencies": {
  "@angular/cli": "^1.5.0",
  "live-server": "1.1.0",
  "typescript": "^2.0.0"
}
}

【问题讨论】：

标签： angular systemjs package.json

【解决方案1】：

您的启动脚本是您的package.json 中的live-server。

如果你想工作ng serve或ng start，那么需要angular-cli生成angular项目。这个项目不是ng-cli做的，所以你不能工作。

因此，使用ng-cli做一个项目，它很容易设置。虽然这不是你要求的，但我支持。

npm install -g @angular/cli

ng help
#test for your install completely

#if show the help logs
ng new PROJECT-NAME
cd PROJECT-NAME
ng serve

最后，无法使用 install angular/cli 启动 ng cli ，你甚至没有得到 .angular-cli.json。

【讨论】：

谢谢@rach-chen，那么有没有其他方法可以在这个现有项目中添加 cli 功能？
@shivamSHARMA 仅手动将组件克隆到新项目中。
@shivamSHARMA 首先，新建一个 cli 项目。并将您的 /src 克隆到 cli 项目 src 。更改要使用的 ngmodule 路由。
@shivamSHARMA 如果你想使用PrimeNG 只需导入PrimeNG 并完成。不要浪费时间解决这个问题，代价高昂。
好的，谢谢，我会试试的。我刚刚意识到我的问题应该是如何在现有项目中添加 ng cli。 :)

【解决方案2】：

我认为这是因为您使用的是 systemJs 而不是 Angular CLI 应用程序

在此处查看如何使用 Angular CLI https://github.com/angular/angular-cli

@angular/cli 不是您需要在 ng serve 中运行时唯一需要的，还有更多。 :D 快乐编码 :-)

【讨论】：

谢谢，但ng help 正在应用程序中工作。那么有没有办法在这个项目中使用ng serve。
它可以工作可能是因为您全局安装了 ng cli。所以，ng help 在你机器的任何地方都可以工作。

【解决方案3】：

我在您的“devDependencies”中没有看到@angular/compiler-cli。试试

npm i --save-dev @angular/compiler-cli

（不幸的是，您的 Angular 版本已经很旧了。应用程序中所有 Angular 包的版本必须兼容。最好只写这一行，“@angular/compiler-cli”：“^2.0.0” .)

您可以从 package.json 中删除 @angular/cli。并且，确保你已经全局安装了 angular cli。试试

ng --version
tsc --version

确保您已安装必要的工具。

【讨论】：

【解决方案4】：

在尝试在现有项目上安装引导程序后，我有了这个项目。经过多次尝试，由于这个项目在 Github 的版本控制下，我做了以下步骤：

已删除项目文件夹。
再次创建项目
已验证 ng build 再次正常工作
运行git stash command 恢复原始版本文件。
运行 npm install
运行 npm build

通过这种方式，项目得以“艰难地”保存。

【讨论】：