Angular 2 - 升级到 rc4 会引发脚本错误答案

【问题标题】：Angular 2 - Upgrading into rc4 throws script errorAngular 2 - 升级到 rc4 会引发脚本错误
【发布时间】：2016-12-07 13:24:18
【问题描述】：

我尝试将我的 angular 2 版本更新为 2.0.0.rc.4，但在执行 npm install 、 npm start 后它会引发脚本错误。

请参考下面我的 package.json 文件

"dependencies": {
"@angular/common":  "2.0.0-rc.4",
"@angular/core":  "2.0.0-rc.4",      
"@angular/compiler":  "2.0.0-rc.4",    
"@angular/http":  "2.0.0-rc.4",
    "@angular/forms": "0.2.0",
"@angular/platform-browser":  "2.0.0-rc.4",
"@angular/platform-browser-dynamic":  "2.0.0-rc.4",
 "@angular/router": "3.0.0-beta.1",
"@angular/router-deprecated":  "2.0.0-rc.2",
"systemjs": "0.19.27",    
"reflect-metadata": "^0.1.3",
"rxjs": "5.0.0-beta.6",
"zone.js": "^0.6.12",
"core-js": "^2.4.0"    
 },
"devDependencies": {
"concurrently": "^2.0.0",
"lite-server": "^2.1.0",
"typescript": "^1.8.7",
"typings":"^0.7.5"

}

下面是我的示例 app.component.ts 文件

import {Component} from '@angular/core';
import { bootstrap }    from '@angular/platform-browser-dynamic';
import { disableDeprecatedForms, provideForms } from '@angular/forms';

 import {CORE_DIRECTIVES, FORM_DIRECTIVES, FormBuilder,Validators,Control,ControlGroup } from '@angular/common';

@Component({
selector: 'ej-app',    
templateUrl: 'app/app.component.html',
directives: [ CORE_DIRECTIVES]  
})
bootstrap(AppComponent, [
disableDeprecatedForms(),
provideForms()
]).catch((err: any) => console.error(err));

export class AppComponent {

employeeDob: Date;
  constructor(private myform: FormBuilder) {
 }

此更改会引发如下脚本错误

您能否建议更新角度版本没有问题

【问题讨论】：

能否包含您的 system.config.js ？
嗨，你是说 systemjs.config.js 文件吗？如果是的话，我已经包括了这个
@SasiDhivya 您一定错过了 systemjs.config.js 文件中的 platform-browser-dynamic 条目。请在您的帖子中分享 systemjs.config.js 文件。
嗨 Sanket, 'var ngPackageNames = ['common', 'compiler', 'core', 'http', 'platform-browser', 'platform-browser-dynamic', 'router', '路由器弃用' ];我已经包含了这个

标签： javascript angularjs typescript angular angular2-forms

【解决方案1】：

更新您的systemjs.config.js 文件。 .umd.js 文件的位置已更改为它自己的 bundles 文件夹：

var ngPackageNames = [
    'common',
    'compiler',
    'core',
    'forms',
    'http',
    'platform-browser',
    'platform-browser-dynamic',
    'router',
    'router-deprecated',
    'upgrade'
];

ngPackageNames.forEach(function(pkgName) {
    packages['@angular/'+pkgName] = { main: 'bundles/' + pkgName + '.umd.js', defaultExtension: 'js' };
});

更多信息，请查看 angular2 的quickstart 指南

【讨论】：