更新为angular 5 throws @ angular / compiler-cli的版本需要为2.3.1或更高版本。当前版本是5.1.0

时间:2017-12-11 23:03:22

标签: angular

我想将角度4从asp.net core2升级到角度5(最新的一个)

我做了这个步骤:

  1. dotnet new angular
  2.   

    npm install @ angular / animations @ latest @ angular / common @ latest   @ angular / compiler @ latest @ angular / compiler-cli @ latest   @ angular / core @ latest @ angular / forms @ latest @ angular / http @ latest   @角/平台浏览器的最新@   @角/平台的浏览器的动态@最新   @ angular / platform-server @ latest @ angular / router @ latest rxjs @ latest   --save
      npm install typescript@2.4.2 --save-exact

  3. npm install(确保)

  4. dotnet run

  5. 并产生错误:( @ angular / compiler-cli的版本需要为2.3.1或更高版本。当前版本为“5.1.0”。) 我不知道如何解决它。

    我的package.json

    {
      "name": "MyApp",
      "private": true,
      "version": "0.0.0",
      "scripts": {
        "test": "karma start ClientApp/test/karma.conf.js"
      },
      "devDependencies": {
        "@angular/animations": "^5.1.0",
        "@angular/cli": "^1.6.0",
        "@angular/common": "^5.1.0",
        "@angular/compiler": "^5.1.0",
        "@angular/compiler-cli": "^5.1.0",
        "@angular/core": "^5.1.0",
        "@angular/forms": "^5.1.0",
        "@angular/http": "^5.1.0",
        "@angular/platform-browser": "^5.1.0",
        "@angular/platform-browser-dynamic": "^5.1.0",
        "@angular/platform-server": "^5.1.0",
        "@angular/router": "^5.1.0",
        "@ngtools/webpack": "1.5.0",
        "@types/chai": "4.0.1",
        "@types/jasmine": "2.5.53",
        "@types/webpack-env": "1.13.0",
        "angular2-router-loader": "0.3.5",
        "angular2-template-loader": "0.6.2",
        "aspnet-prerendering": "^3.0.1",
        "aspnet-webpack": "^2.0.1",
        "awesome-typescript-loader": "3.2.1",
        "bootstrap": "3.3.7",
        "chai": "4.0.2",
        "css": "2.2.1",
        "css-loader": "0.28.4",
        "es6-shim": "0.35.3",
        "event-source-polyfill": "0.0.9",
        "expose-loader": "0.7.3",
        "extract-text-webpack-plugin": "2.1.2",
        "file-loader": "0.11.2",
        "html-loader": "0.4.5",
        "isomorphic-fetch": "2.2.1",
        "jasmine-core": "2.6.4",
        "jquery": "3.2.1",
        "json-loader": "0.5.4",
        "karma": "1.7.0",
        "karma-chai": "0.1.0",
        "karma-chrome-launcher": "2.2.0",
        "karma-cli": "1.0.1",
        "karma-jasmine": "1.1.0",
        "karma-webpack": "2.0.3",
        "preboot": "4.5.2",
        "raw-loader": "0.5.1",
        "reflect-metadata": "0.1.10",
        "rxjs": "^5.5.5",
        "style-loader": "0.18.2",
        "to-string-loader": "1.1.5",
        "typescript": "2.4.2",
        "url-loader": "0.5.9",
        "webpack": "2.5.1",
        "webpack-hot-middleware": "2.18.2",
        "webpack-merge": "4.1.0",
        "zone.js": "0.8.12"
      }
    }
    

    这是产生的异常错误:

      

    使用启动设置   F:\ TEMP \ WebAppLinkSys \ MyApp的\ MyApp的\属性\ launchSettings.json ...   信息:   Microsoft.AspNetCore.DataProtection.KeyManagement.XmlKeyManager [0]         用户个人资料可用。使用'C:\ Users \ adwin \ AppData \ Local \ ASP.NET \ DataProtection-Keys'作为关键   存储库和Windows DPAPI加密静态的密钥。应用   startup exception:System.AggregateException:一个或多个错误   发生了。 (@ angular / compiler-cli的版本需要为2.3.1或   更大。当前版本为“5.1.0”。错误:版本   @ angular / compiler-cli需要为2.3.1或更高版本。目前的版本是   “5.1.0”。       在对象。 (F:\ TEMP \ WebAppLinkSys \ MyApp的\ MyApp的\ node_modules \ @ngtools \的WebPack \ SRC \ index.js:27:11)       在Module._compile(module.js:641:30)       在Object.Module._extensions..js(module.js:652:10)       在Module.load(module.js:560:32)       在tryModuleLoad(module.js:503:12)       在Function.Module._load(module.js:495:3)       在Module.require(module.js:585:17)       at require(internal / module.js:11:18)       在对象。 (F:\ TEMP \ WebAppLinkSys \ MyApp的\ MyApp的\ webpack.config.js:4:19)       在Module._compile(module.js:641:30))---> Microsoft.AspNetCore.NodeServices.HostingModels.NodeInvocationException:   @ angular / compiler-cli的版本需要为2.3.1或更高版本。当前   版本是“5.1.0”。

1 个答案:

答案 0 :(得分:10)

找到了答案 After upgrading to angular 5 webpack command is failing

npm install --save-dev @ ngtools / webpack @ latest