ng serve 和 ng build 不工作

Question

我下载了这个 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"
}
}

Answer 1

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

在这里查看如何使用 angular CLI https://github.com/angular/angular-cli

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

Answer 2

我在你的 "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

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

Answer 3

您的开始脚本是 live-server 在您的 package.json.

如果您想工作 ng serve 或 ng start，则需要由 angular-cli 生成 angular 项目。该项目不是由 ng-cli 制作的那就是你不能工作的原因。

所以，用ng-cli做一个项目，很容易设置up.Though不是你问的，我支持

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.

都没有

Answer 4

在尝试在现有项目上安装 bootstrap 后，我有了这个项目。经过多次尝试，并且由于该项目受版本控制 Github，我执行了以下步骤：

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

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

ng serve 和 ng build 不工作

ng serve and ng build is not working

angular

systemjs

package.json