Ionic2 ionic 2在编译简单项目时给出意外标记

我试图在ionic 2中实现一个表单，但我编写的框架代码有问题。运行ionic serve时，它会在my form.js文件中以下代码的第8行抛出错误

意外标记

：

从'angular2/common'导入{FormBuilder、验证程序、FormDirections、ControlGroup}；
@页面({
templateUrl:'build/pages/photo/photo.html'，
})
导出类照片页{
构造函数（表单：FormBuilder）{
this.submitMediaItem={}；
this.submitted=false；
this.name=新控件（“”，需要验证程序）；
}

您好，我以前遇到过相同的错误。您可以尝试以下解决方案：

使用命令

ionic-v

检查您的爱奥尼亚2版本。很可能您正在使用较新版本的爱奥尼亚2（我的是

2.0.0-beta.24

）

对于早期的beta版，它使用typescript，因此

form:FormBuilder

是有效的typescript，但不是有效的javascript。较新的版本使用了babel JS，因此您需要这样做：

import {FormBuilder, Validators, formDirectives, ControlGroup} from 'angular2/common';

@Page({  
  templateUrl: 'build/pages/photo/photo.html'
})

export class PhotoPage {
    static get parameters(){
        return [FormBuilder];
    }

    constructor(form){
        this.form = form; //or how ever you would like to use it
        this.submitMediaItem = {};
        this.submitted = false;

        this.name = new Control('', Validators.required);
    }
}

要返回多个参数，可以按如下方式执行：

return [[FormBuilder],[navController]];

constructor(form, nav){...}

还有一个关于此错误的讨论线程：

---

希望这有帮助！

您好，我以前也遇到过同样的错误。您可以尝试以下解决方案：

使用命令

ionic-v

检查您的爱奥尼亚2版本。很可能您正在使用较新版本的爱奥尼亚2（我的是

2.0.0-beta.24

）

对于早期的beta版，它使用typescript，因此

form:FormBuilder

是有效的typescript，但不是有效的javascript。较新的版本使用了babel JS，因此您需要这样做：

import {FormBuilder, Validators, formDirectives, ControlGroup} from 'angular2/common';

@Page({  
  templateUrl: 'build/pages/photo/photo.html'
})

export class PhotoPage {
    static get parameters(){
        return [FormBuilder];
    }

    constructor(form){
        this.form = form; //or how ever you would like to use it
        this.submitMediaItem = {};
        this.submitted = false;

        this.name = new Control('', Validators.required);
    }
}

要返回多个参数，可以按如下方式执行：

return [[FormBuilder],[navController]];

constructor(form, nav){...}

还有一个关于此错误的讨论线程：

---

希望这有帮助！

这可能不是您的问题，但类中缺少一个括号这可能不是您的问题，但类中缺少一个括号