Javascript angular2表单-无法读取未定义的属性替换

Javascript angular2表单-无法读取未定义的属性替换,javascript,ecmascript-6,angular,atscript,Javascript,Ecmascript 6,Angular,Atscript,我遵循在中提供的表单示例,当我加载页面时,我得到了这个错误 TypeError: Error loading "angualr2/forms" at <unknown> Error loading "angualr2/forms" from "app" at http://localhost:8080/js/app.es6 Cannot read property 'replace' of undefined TypeError:加载错误时加载“angual2/forms”时出错

我遵循在中提供的表单示例,当我加载页面时,我得到了这个错误

TypeError: Error loading "angualr2/forms" at <unknown> Error loading
"angualr2/forms" from "app" at http://localhost:8080/js/app.es6 Cannot
read property 'replace' of undefined
TypeError:加载错误时加载“angual2/forms”时出错
“应用程序”中的“angualr2/表格”http://localhost:8080/js/app.es6 不能
读取未定义的属性“replace”
这是代码。这是博客中的第一个数据驱动表单示例

index.html

<my-form></my-form>

<script>
    System.paths = {
        'angular2/*' : '/quickstart/angular2/*.js',
        'rtts_assert/*' : '/quickstart/rtts_assert/*.js',
        'app' : 'js/app.es6'
    };

    //start app
    System.import('app');
</script>

系统路径={
“angular2/*”:“/quickstart/angular2/*.js”,
“rtts_assert/*”:“/quickstart/rtts_assert/*.js”,
“app”:“js/app.es6”
};
//启动应用程序
系统导入(“应用程序”);
应用程序es6

class Address {
street: string;
city: string;
state: string;
zip: string;
residential: boolean;
}

@Component({
    selector: 'my-form'
})
@Template({
    inline: '<form [form-structure]="form"></form>',
    directives: [forms] 
})
class FormExample {
    constructor(fb: FormBuilder) {
        this.address = new Address();

        this.form = fb.fromModel(address, 
            [
             {field: 'street', label: 'Street', validator: 'required'},
             {field: 'city', label: 'City', validator: 'required'},
             {field: 'state', label: 'State', size: 2, validator: 'required'},
             {field: 'zip', label: 'Zip Code', size: 5, validator: 'required'},
             {field: 'residential', label: 'Residential', type: 'checkbox'}
             ], {
            saveOnUpdate: true,
            layoutStrategy: materialDesign
    });
}
}

bootstrap(FormExample);
类地址{
街道:字符串;
城市:字符串;
状态:字符串;
拉链:细绳;
住宅:布尔型;
}
@组成部分({
选择器:“我的表格”
})
@模板({
内联:“”,
指令:[表格]
})
类FormExample{
构造函数(fb:FormBuilder){
this.address=新地址();
this.form=fb.fromModel(地址,
[
{字段:'street',标签:'street',验证器:'required'},
{字段:'city',标签:'city',验证器:'required'},
{字段:'state',标签:'state',大小:2,验证器:'required'},
{字段:'zip',标签:'zip Code',大小:5,验证器:'required'},
{字段:“住宅”,标签:“住宅”,键入:“复选框”}
], {
saveOnUpdate:true,
布局策略:材料设计
});
}
}
引导(例如);

如果有任何帮助,我们将不胜感激。

您是否发布了所有应用程序。es6?进口似乎缺失了


而且:错误表明导入中可能有输入错误angular2/forms-->在我的示例中,文件夹名称是angular2/forms

是的,就是这样。该死的打字错误。但现在我得到了一个不同的错误..>令牌实例化期间的ror(AppView)!。原始错误:TypeError:无法读取未定义的属性“注释”表单似乎还没有准备好:我可以问一下为什么您的布局策略没有抛出错误吗?对我来说是这样的:'(