Question

我们将应用程序升级到Angular 5.0.0，并且在尝试运行ng serve或ng build命令时遇到两个错误：

error TS6046: Argument for '--module' option must be: 'none', 'commonjs', 'amd', 'system', 'umd', 'es6', 'es2015', 'esnext'.
error TS5024: Compiler option 'lib' requires a value of type Array.

以下是tsconfig.js文件：

{
  "compileOnSave": true,
  "compilerOptions": {
    "module": "commonjs",
    "outDir": "./dist/out-tsc",
    "baseUrl": "src",
    "sourceMap": true,
    "declaration": false,
    "moduleResolution": "node",
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "target": "es5",
    "typeRoots": [
      "node_modules/@types"
    ],
    "lib": [
      "es2017",
      "dom"
    ]
  },
  "angularCompilerOptions": {
    "preserveWhitespaces": false
  }
}

和package.json文件：

{
  "name": "",
  "version": "",
  "description": "",
  "author": "",
  "url": "",
  "copyright": "",
  "license": "",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e",
    "generate-barrels": "barrelsby --delete"
  },
  "private": true,
  "dependencies": {
    "@agm/core": "^1.0.0-beta.1",
    "@angular/animations": "^5.0.0",
    "@angular/common": "^5.0.0",
    "@angular/compiler": "^5.0.0",
    "@angular/core": "^5.0.0",
    "@angular/flex-layout": "^2.0.0-beta.10-4905443",
    "@angular/forms": "^5.0.0",
    "@angular/http": "^5.0.0",
    "@angular/platform-browser": "^5.0.0",
    "@angular/platform-browser-dynamic": "^5.0.0",
    "@angular/platform-server": "^5.0.0",
    "@angular/router": "^5.0.0",
    "@angular/upgrade": "4.3.6",
    "@ngx-translate/core": "^8.0.0",
    "angular2-datatable": "^0.6.0",
    "angular2-moment": "^1.7.0",
    "chart.js": "2.7.0",
    "core-js": "2.5.1",
    "es6-shim": "^0.35.3",
    "moment": "^2.18.1",
    "ng2-charts": "1.6.0",
    "ng2-nouislider": "^1.7.0",
    "ng2-table": "^1.3.2",
    "ng2-toastr": "^4.1.2",
    "ngx-bootstrap": "1.9.3",
    "ngx-webstorage": "^1.8.0",
    "nouislider": "^10.1.0",
    "rxjs": "^5.5.2",
    "serializer.ts": "0.0.12",
    "ts-helpers": "1.1.2",
    "zone.js": "0.8.17"
  },
  "devDependencies": {
    "@angular/cli": "^1.5.0",
    "@angular/compiler-cli": "^5.0.0",
    "@types/jasmine": "2.6.0",
    "@types/node": "8.0.28",
    "barrelsby": "0.0.8",
    "codelyzer": "3.2.0",
    "jasmine-core": "2.8.0",
    "jasmine-spec-reporter": "4.2.1",
    "karma": "1.7.1",
    "karma-chrome-launcher": "2.2.0",
    "karma-cli": "1.0.1",
    "karma-coverage-istanbul-reporter": "1.3.0",
    "karma-jasmine": "1.1.0",
    "karma-jasmine-html-reporter": "0.2.2",
    "protractor": "5.1.2",
    "ts-node": "3.3.0",
    "tslint": "^5.7.0",
    "typescript": "^2.6.0",
    "webpack": "^3.8.1"
  },
  "engines": {
    "node": ">= 6.9.0",
    "npm": ">= 3.0.0"
  }
}

版本：

ng -v =＆gt; 1.5.0 npm -v =＆gt; 5.5.1 node -v =＆gt; 9.0.0

在Windows 10上使用Microsoft PowerShell构建，运行，安装等

[更新]：部分解决方案＃1。

如果使用@angular/cli": "^1.4.0"，则会出现相同的错误。

我更新了@angular/cli": "1.3.1"和ng build或serve命令，但它没有解决^1.5.0或^1.4.0版@angular/cli个版本的问题

[更新2]：最终工作代码：

{
  "extends": "../tsconfig.json",
  "compilerOptions": {
    "outDir": "../out-tsc/app",
    "module": "amd",
    "target": "es2017",
    "baseUrl": "",
    "lib": [
      "es2017"
    ],
    "types": []
  },
  "exclude": [
    "test.ts",
    "**/*.spec.ts"
  ]
}

Answer 1

作为解决方法，我更新了来自的tsconfig.app.json文件 "module": "es2017" 至 "module": "amd"

它对我有用。希望这会对你有所帮助。

Answer 2

将“模块”：“ es2017”更改为“模块”：“ amd”

升级到Angular 5：TS6046和TS5024错误

2 个答案: