升级到Angular 4后,Angular Routing不工作

升级到Angular 4后,Angular Routing不工作,angular,platform-server,Angular,Platform Server,我是这样更新的, 在Linux/Mac上:npm安装 @angular/{通用、编译器、编译器cli、核心、表单、http、平台浏览器、平台浏览器动态、平台服务器、路由器、动画}@latest typescript@latest--保存 当我移除节点_模块,然后npm安装 ./~/@angular/core/@angular/core.es5.js 5889:15-36严重警告 依赖项:依赖项的请求是一个表达式 也许这会帮助别人帮助我。这似乎是ES5的问题 控制台中的当前错误 背景 直到昨晚我

我是这样更新的,

在Linux/Mac上:npm安装 @angular/{通用、编译器、编译器cli、核心、表单、http、平台浏览器、平台浏览器动态、平台服务器、路由器、动画}@latest typescript@latest--保存

当我移除节点_模块,然后
npm安装

./~/@angular/core/@angular/core.es5.js 5889:15-36严重警告 依赖项:依赖项的请求是一个表达式

也许这会帮助别人帮助我。这似乎是ES5的问题

控制台中的当前错误

背景

直到昨晚我升级到
Angular 4
之前,我的项目一直运行良好。现在,当我点击一个链接而不是加载模块(我是惰性加载)时,它告诉我它找不到模块

Eror

ZoneWareerError{{uuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu区域符号错误:错误:未捕获(承诺中): 错误:找不到模块“”/benefits/benefits.module“”。错误:找不到 ……}

有没有其他人分享过这种情况,或者知道如何解决这个问题,甚至知道如何解决这个问题?我以为
Angular 4
中没有突破性的变化

代码示例

package.json


在升级到Angular 4.0时,我遇到了一些您所看到的错误:

关键依赖项:依赖项的请求是一个表达式。

将angluar cli更新为最新版本为我解决了以下问题:

  • 停止
    ng服务
    (如果正在运行)
  • npm安装@angular/cli@latest--保存开发文件
  • ng发球
  • 希望这也能解决zone.js的问题(请随时通知我)

    警告:

    该元素已弃用。改用…

    很可能是由于库(可能是
    ng2引导
    ng2图表
    ,或
    ng2 toasty
    ?)使用了不推荐的
    模板
    语法(或者您在代码中),因此如果有更新的版本,您可能还想尝试升级它们。我也收到了这个弃用警告,但是我有一个依赖项,它还没有更新到4.0,所以我在接下来的几天里都在使用它

    注意:我不太喜欢这些方法,因为在某些项目上逐字跟踪它们(就像我最初做的那样,不加注意)会给您提供引用同一库的不同版本的
    依赖关系
    devdependency
    。例如,现在在
    包.json
    中引用了两个版本的
    @angular/compiler cli
    4.0
    2.4

    完整性更新

    不幸的是,在本例中,为了完成升级,他必须做到:

  • 创建一个新项目
  • 更新它
  • src
    目录替换为他现有项目中的目录
  • npm安装
    并用额外的软件包更新
    package.json
  • 根据他的最后评论:

    我必须创建一个新项目,更新它,替换src目录 使用我现有项目中的一个,然后安装并更新npm 带有我的额外包的package.json


    我们从未完全发现是什么导致了这个问题,迫使他在他的特定案例中重新创建项目,但升级CLI最终解决了原始问题中的问题

    您更新到angular4I更新的问题时遵循了哪些步骤?Angular cli的最终版本是什么?在安装程序包json之前,我先在全局范围内升级到最新版本,然后在本地安装。我最终得到了这个结果,它起了作用,所以我没有碰它,“angular cli”:“1.0.0-beta.28.3”,是的,我想这也能解决它。但它并没有为我解决问题。@wuno在CLI更新后,您是否仍遇到所有相同的警告/错误,或者某些警告/错误已被清除?我刚刚意识到,我现在的问题是,自从更新后,我无法运行ng serve。我无法读取null类型的属性“config”错误:无法在Class.run(/Users/wuno/Dropbox/google/devops/node/riverwalk web应用程序/node_modules/angular cli/tasks/service.js:22:61)读取null类型的属性“config”)在/Users/wuno/Dropbox/google/devops/node/riverwalk web application/node_modules/angular cli/commands/service.run.js:22:22 at process.\u tickCallback(internal/process/next_tick.js:103:7)@wuno如果您还没有看到这一点,可能会有所帮助:检查angular-cli.json文件名中的前导“.”。它在更高版本的CLI中发生了更改。Hey man I在全局和本地更新了angular CLI,无法运行项目。因此,我使用ng new创建了一个新项目,package.json文件显示“angular cli”:“1.0.0-beta.28.3”??你明白我的意思吗?我的计划是在angular cli已经升级的情况下启动升级过程,看看这是否有帮助,但package.json中angular cli的版本似乎不是最新版本。
    {
      "name": "my-web-application",
      "version": "0.0.0",
      "license": "MIT",
      "angular-cli": {},
      "scripts": {
        "ng": "ng",
        "start": "ng serve",
        "test": "ng test",
        "lint": "ng lint",
        "e2e": "ng e2e"
      },
    "private": true,
      "dependencies": {
        "@angular/animations": "^4.0.0",
        "@angular/common": "^4.0.0",
        "@angular/compiler": "^4.0.0",
        "@angular/compiler-cli": "^4.0.0",
        "@angular/core": "^4.0.0",
        "@angular/forms": "^4.0.0",
        "@angular/http": "^4.0.0",
        "@angular/platform-browser": "^4.0.0",
        "@angular/platform-browser-dynamic": "^4.0.0",
        "@angular/platform-server": "^4.0.0",
        "@angular/router": "^4.0.0",
        "angular2-jwt": "^0.1.28",
        "angular2-signaturepad": "^2.2.0",
        "auth0-lock": "^10.5.0",
        "core-js": "^2.4.1",
        "ng2-bootstrap": "^1.3.3",
        "ng2-charts": "^1.5.0",
        "ng2-toasty": "^2.5.0",
        "rxjs": "^5.2.0",
        "typescript": "^2.2.1",
        "zone.js": "^0.7.6"
      },
      "devDependencies": {
        "@angular/cli": "1.0.0-beta.32.3",
        "@angular/compiler-cli": "^2.4.0",
        "@types/jasmine": "2.5.38",
        "@types/node": "~6.0.60",
        "codelyzer": "~2.0.0-beta.4",
        "jasmine-core": "~2.5.2",
        "jasmine-spec-reporter": "~3.2.0",
        "karma": "~1.4.1",
        "karma-chrome-launcher": "~2.0.0",
        "karma-cli": "~1.0.1",
        "karma-jasmine": "~1.1.0",
        "karma-jasmine-html-reporter": "^0.2.2",
        "karma-coverage-istanbul-reporter": "^0.2.0",
        "protractor": "~5.1.0",
        "ts-node": "~2.0.0",
        "tslint": "~4.4.2",
        "typescript": "~2.2.1"
      }