带有'@ angular2 / core'而不是'@ angular / core'的空白页

时间:2016-11-29 18:39:48

标签: angular ionic-framework ionic2

当我尝试从@angular2/core而不是@angular/core导入我的组件时,整个页面不再起作用。但是,如果我使用@angular/core,我会收到编译错误,因为directives: [MapDirective]无效。

有关如何解决此问题的任何线索?

import { Component } from '@angular/core';
import { MapDirective } from '../../components/map/map';

import { NavController } from 'ionic-angular';

@Component({
  selector: 'page-home',
  templateUrl: 'home.html',
  directives: [MapDirective]
})
export class HomePage {

  constructor(public navCtrl: NavController) {

  }

}

2 个答案:

答案 0 :(得分:3)

这就是我的页面在离子2中的样子:

import { Component } from '@angular/core';

import { NavController } from 'ionic-angular';

@Component({
  selector: 'page-about',
  templateUrl: 'about.html'
})
export class AboutPage {

  constructor(public navCtrl: NavController) {

  }

}

没有这样的事情:

import {Component} from '@angular2/core';

答案 1 :(得分:2)

使用2.0.0-rc.0,Angular2团队将目录名从angular2更改为@angular

  

要导入各种符号,请按以下方式调整路径:

     

angular2 / core - > @角/芯

以下是完整的更改日志:https://github.com/angular/angular/blob/master/CHANGELOG.md#user-content-200-rc0-2016-05-02