Angular ionic3 报错 初级问题

Question

问题找到了，非常低级。Login应该写成login。

报错：rest.ts:15 Uncaught Error: Module build failed: Error: ENOENT: no such file or directory, open 'E:\Ionic3Demo\zh\src\pages\Login\Login.js'

1.在app.module.ts中：

顶部导入（如果将下面导入删除，就没有错了）：
import { LoginPage } from '../pages/Login/Login';
declarations 和 entryComponents 中 加入：LoginPage

2.login.ts：（里面没写什么）

import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';

@IonicPage()
@Component({
  selector: 'page-login',
  templateUrl: 'login.html',
})
export class LoginPage {
  constructor(public navCtrl: NavController, public navParams: NavParams) {
  }
  ionViewDidLoad() {
    console.log('ionViewDidLoad LoginPage');
  }
}

3.浏览器报错显示在rest.ts中（如下截图）：

4.rest.ts中代码如下：

import { HttpClient } from '@angular/common/http';
import { Injectable } from '@angular/core';
import { Observable } from 'rxjs/Observable';
import { Http, Response } from '@angular/http';
import 'rxjs/add/operator/map';
import 'rxjs/add/operator/catch';

@Injectable()
export class RestProvider {

  constructor(public http: HttpClient) {
    // console.log('Hello RestProvider Provider');
  }
  /**
  *@private
  *@param {string} url
  *@returns {Observable<string[]}
  *@memberof RestProvider
   */
  private getUrlReturn(url: string): Observable<string[]> {
    return this.http.get(url)
      .map(this.extractData)
      .catch(this.handleError);
  }

  private extractData(res: Response) {
    let body = res.json();
    return JSON.parse(body) || {};
  }

  private handleError(error: Response | any) {
    let errMsg: string;
    if (error instanceof Response) {
      const body = error.json() || '';
      const err = body.error || JSON.stringify(body);
      errMsg = `${error.status} - ${error.statusText || ''} ${err}`;
    } else {
      errMsg = error.message ? error.message : error.toString();
    }
    console.error(errMsg);
    return Observable.throw(errMsg);
  }

}

Answer 1

你的 LoginPage 是懒加载的，假如你想把它当做入口文件，需要删除 @IonicPage()，并且删除目录下的 login.module.ts 文件，然后将 login.ts 在 app.module.ts 中导入 LoginPage。

我开源了一个ionic项目 HW-basic，你可以看下，我明天就把那个登录界面给集成进去。

Answer 2

你定义的是login.ts， 然后import的时候应该写
import { LoginPage } from '../pages/Login/login';