如何修复此错误？为什么我收到此错误？

Question

my `package.json` file is

    {
      "name": "lg-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": "^4.4.6",
        "@angular/cdk": "^5.1.1",
        "@angular/common": "^4.2.4",
        "@angular/compiler": "^4.2.4",
        "@angular/core": "^4.2.4",
        "@angular/forms": "^4.2.4",
        "@angular/http": "^4.2.4",
        "@angular/material": "^5.1.1",
        "@angular/platform-browser": "^4.2.4",
        "@angular/platform-browser-dynamic": "^4.2.4",
        "@angular/router": "^4.2.4",
        "angular-4-data-table": "^0.4.3",
        "bootstrap": "^4.0.0-beta.3",
        "core-js": "^2.4.1",
        "rxjs": "^5.4.2",
        "zone.js": "^0.8.14"
      },
      "devDependencies": {
        "@angular/cli": "^1.6.6",
        "@angular/compiler-cli": "^4.2.4",
        "@angular/language-service": "^4.2.4",
        "@types/jasmine": "~2.5.53",
        "@types/jasminewd2": "~2.0.2",
        "@types/node": "~6.0.60",
        "codelyzer": "~3.2.0",
        "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.3.3"
      }
    }

这是我的 package.json 文件。我还升级了 cdk 任何有角度的材料，但没有用。

错误中的错误：模块 E:/angular2/lg-app/node_mod 的元数据版本不匹配 ules/@angular/material/form-field/typings/index.d.ts，找到版本 4，预期 3、解析符号AppModule在E:/angular2/lg-app/src/app/app.module.ts,resol E:/angular2/lg-app/src/app/app.module.ts 中的 ving 符号 AppModule 在 syntaxError (E:\angular2\lg-app\node_modules\@angular\compiler\bundles\co mpiler.umd.js:1729:34) 在 simpleInContext (E:\angular2\lg-app\node_modules\@angular\compiler\bund les\compiler.umd.js:24979:23) 在 StaticReflector.simplify (E:\angular2\lg-app\node_modules\@angular\compil er\bundles\compiler.umd.js:24991:13) 在 StaticReflector.annotations (E:\angular2\lg-app\node_modules\@angular\com 堆\捆绑\compiler.umd.js:24418:41） 在 _getNgModuleMetadata (E:\angular2\lg-app\node_modules\@angular\compiler-c li\src\ngtools_impl.js:138:31) 在 _extractLazyRoutesFromStaticModule (E:\angular2\lg-app\node_modules\@angu lar\compiler-cli\src\ngtools_impl.js:109:26) 在 Object.listLazyRoutesOfModule (E:\angular2\lg-app\node_modules\@angular\c 编译器-cli\src\ngtools_impl.js:53:22) 在 Function.NgTools_InternalApi_NG_2.listLazyRoutes (E:\angular2\lg-app\node _modules\@angular\compiler-cli\src\ngtools_api.js:91:39) 在 AotPlugin._getLazyRoutesFromNgtools (E:\angular2\lg-app\node_modules\@ngt 工具\webpack\src\plugin.js:241:66) 在 _donePromise.Promise.resolve.then.then.then.then.then (E:\angular2\lg-app \node_modules\@ngtools\webpack\src\plugin.js:495:24) 在

Answer 1

正如 gmazzotti 已经提到的，您需要有匹配的版本。

对于像您这样的 Angular CLI 用户，有一个很好的资源 here，您可以在其中比较使用不同版本的 Angular CLI 生成的项目之间的包、配置文件等。例如，假设你想将使用 Angular CLI 1.5.0 创建的项目升级到最新的 Angular CLI（今天是 1.6.7），你在 repo 中选择这两个分支，对它们进行比较并得到这个很好的总结一切都变了：difference between 1.5.0 and 1.6.7。

Answer 2

您收到此错误是因为您有不同的角度包版本。您所有的角度包都应该是 ^4.2.4 或 ^5.1.1。

做出该决定后，您应该使用 Angular 4 或 Angular 5 的包。这不是强制性的，因为 Angular 4 的许多包都可以与 Angular 5 一起使用（但不是相反）。

更新

在做任何事情之前做备份

如果您想将应用程序更新到 5.1.1，我建议您手动更改 package.json，将所有 @angular 包从“^4.2.4”更改为“^5.1.1”。您还必须更改 devDependencies 中的 @angular/compiler-cli 和 @angular/language-service。

删除 node_modules 文件夹并运行npm install。

然后将 angular-4-data-table 更新为 https://github.com/ggmod/angular-5-data-table。