2017-04-05 91 views
1

我最近通过官方链接(Update to Angular 4)将我的Angular 2项目升级到了Angular 4。Angular 2项目到Angular 4更新问题

升级后,当我运行我的Angular应用程序时出现以下错误,并说我的package.json文件存在一些问题。

Updation errors

+0

Angular4将只支持打字稿2.1及以上..请确保您已更新同样也 – anoop

+0

没有你rimraf node_mdules',然后“故宫安装”? – Kuncevic

+0

@anoop我已经更新打字稿到2.2,并完成npm安装,npm start..same问题 –

回答

2

步骤来更新从角2至角4.

1应用)删除的节点模块

2)更新您的依赖性 在Linux中环境

npm install @angular/{ 
    animations, 
    common, 
    compiler, 
    compiler-cli, 
    core, 
    forms, 
    http, 
    platform-browser, 
    platform-browser-dynamic, 
    platform-server, 
    router 
}@4.0.0 [email protected] --save 

现在使用服务应用程式ng servenpm start

如果您正在使用动画,请导入在你的根NgModule使用

import { BrowserAnimationsModule } from @angular/platform-browser/animations 



如果你仍然面临问题,那么你从角Release Note读取或者你可以参考这个link

+0

我相信他正在运行windows,所以选项2不会为他工作,除非他正在运行'bash' – Kuncevic

0
  1. 检查package.json如果它包含了所有正确的包。确保你正在运行最新的打字稿。

  2. 尝试重新安装您的NPM模块:

    npm install rimraf -g 
    rimraf node_modules 
    npm install 
    
0

在安装最新的节点版本,首先卸载节点的旧版本,并手动从它的安装路径中删除所有的节点相关的文件和尝试安装节点js的更新版本。然后运行“npm clear cache”命令。

对于angular2和angular4,angular-cli全局npm包名称不同。

3
"devDependencies": { 
    "concurrently": "^2.2.0", 
    "lite-server": "^2.2.2", 
    "typescript": "2.3.4", 
    "typings": "^1.3.2" 
} 

更改打字稿版 “打字稿”: “^ 2.4.0”改为“打字稿”:“^ 2.3.4”然后命令npm install版本会改变,并且还有rxjs版本将为“rxjs”:“^ 5.4.2” in package.json。然后运行命令ng服务它的工作。然后你可以在 元素中检查你的角度版本。

0

更改Package.json和tsconfig.json内容。有关内容,请参阅here 删除节点模块内的所有文件。 运行命令“npm install & & npm update & & npm start”。