Question

我在angular2中的项目，但是当我按照错误运行项目时生成

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

请确保你的package.json包含@ angular / compiler-cli和typescript devDependencies，然后删除node_modules和package-lock.json（如果有的话）和再次运行npm install。

我在运行项目时遇到此错误。下面是我的环境详细信息

Angular CLI: 1.6.8
Node: 8.2.1
OS: win32 x64
Angular: 5.2.4
... core

@angular/cli: 1.6.8
@angular/common: 2.2.3
@angular/compiler-cli: 2.4.10
@angular/compiler: 2.2.3
@angular/forms: 2.2.3
@angular/http: 2.2.3
@angular/platform-browser-dynamic: 2.2.3
@angular/platform-browser: 2.2.3
@angular/router: 3.1.2
@angular/tsc-wrapped: 0.5.2
@angular-devkit/build-optimizer: 0.0.42
@angular-devkit/core: 0.0.29
@angular-devkit/schematics: 0.0.52
@ngtools/json-schema: 1.1.0
@ngtools/webpack: 1.9.8
@schematics/angular: 0.1.17
typescript: 2.0.2
webpack: 3.10.0

下面是我运行项目所需的时间

1)npm install -g @angular/cli@latest 
2)npm install 
3)ng 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.

我浪费了很多时间，但无法得到解决方案。如果有任何想法请给我建议

Answer 1

以下是示例package.json文件，根据您的需要更改版本。首先，删除由node_modules创建的npm install文件夹，按照指定更改package.json，然后执行npm install。

我在这里粘贴了整个代码，因为您只显示了部分内容，问题可能是您在devDependencies中未提及package.json。

  {
    "name": "ng-app",
    "version": "0.0.0",
    "license": "MIT",
    "scripts": {
      "ng": "ng",
      "start": "ng serve",
      "build": "ng build",
      "test": "ng test",
      "lint": "ng lint",
      "e2e": "ng e2e"
    },
    "private": true,
    "dependencies": {
      "@angular/animations": "^5.1.3",
      "@angular/cdk": "^5.0.3",
      "@angular/common": "^5.0.0",
      "@angular/compiler": "^5.0.0",
      "@angular/core": "^5.0.0",
      "@angular/forms": "^5.0.0",
      "@angular/http": "^5.0.0",
      "@angular/material": "^5.0.3",
      "@angular/platform-browser": "^5.0.0",
      "@angular/platform-browser-dynamic": "^5.0.0",
      "@angular/router": "^5.0.0",
      "angular2-text-mask": "^8.0.4",
      "bootstrap": "^3.3.7",
      "core-js": "^2.4.1",
      "hammerjs": "^2.0.8",
      "jquery": "^3.2.1",
      "ngx-popover": "0.0.16",
      "rxjs": "^5.5.2",
      "zone.js": "^0.8.14"
    },
    "devDependencies": {
      "@angular/cli": "1.6.0",
      "@angular/compiler-cli": "^5.0.0",
      "@angular/language-service": "^5.0.0",
      "@types/jasmine": "~2.5.53",
      "@types/jasminewd2": "~2.0.2",
      "@types/node": "~6.0.60",
      "codelyzer": "^4.0.1",
      "jasmine-core": "~2.6.2",
      "jasmine-spec-reporter": "~4.1.0",
      "karma": "~1.7.0",
      "karma-chrome-launcher": "~2.1.1",
      "karma-cli": "~1.0.1",
      "karma-coverage-istanbul-reporter": "^1.2.1",
      "karma-jasmine": "~1.1.0",
      "karma-jasmine-html-reporter": "^0.2.2",
      "protractor": "~5.1.2",
      "ts-node": "~3.2.0",
      "tslint": "~5.7.0",
      "typescript": "~2.4.2"
    }
  }

Answer 2

您必须更新您的依赖项。 Angular-CLI 1.5+不再支持Angular 2。必须至少运行Angular 4，而且至少我认为是Typescript 2.6。如果要检查新项目所需的依赖项，请运行

ng new NewApp

编辑：澄清：您正在尝试使用角度为2的angular-cli版本1.6.8。该版本的cli不再支持Angular 2。您必须更新这些包。最好的方法是使用cli创建一个新项目。执行以下操作

打开命令提示符并导航到计算机上的某个位置
运行命令ng new SomeAppName，其中SomeAppName是新项目的名称。 cli现在将生成一个具有该名称和所有最新依赖项的新项目和文件夹。
打开当前无法正常工作的项目并找到package.json
打开新生成的项目并找到package.json
比较3和4中的package.json文件并更新您的依赖项
run npm i

另一种方法是将你的angular-cli降级到版本1.3，例如

npm uninstall -g @ angular / cli
npm i -g @ angular / cli @ 1.3

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

2 个答案: