Ionic 2导入查找js而不是ts文件

时间:2017-07-29 06:24:42

标签: javascript angular typescript ionic2 ionic3

我是ionic2的新手并且关注了youtube上的教程。

我已在名为src/app/services/的{​​{1}}中创建了一项服务,其文件名为RedditService

reddit.service.ts文件中,我正在导入它:

app.component.ts

构建时出现错误:

  

模块构建失败:错误:ENOENT:没有这样的文件或目录,打开'/home/mubashar/code/js/ionic/ionreddit/src/app/services/reddit.service.js'

它应该import { RedditService } from './services/reddit.service'; 查找reddit.service.js并且我认为是问题。

这是我正在遵循的教程:

https://youtu.be/ilM8YorL_jI

1 个答案:

答案 0 :(得分:2)

请记住,有时在添加新文件(服务或页面)时,CLI可能会抛出错误,但如果您停止并再次运行ionic serve,您将看到该错误的真正原因。

<强>更新

  

我重新开始,现在我得到了未被捕获(在承诺中):错误:   没有Http的提供者!错误:没有Http提供商!在injectionError

默认情况下,提供商包含Http,为了在您的应用中使用Http,您需要将HttpModule添加到您的app.module.ts:

import { BrowserModule } from '@angular/platform-browser'; 
import { NgModule, ErrorHandler } from '@angular/core'; 
import { HttpModule } from '@angular/http'; 

...   

imports: [
    BrowserModule,
    HttpModule,
    IonicModule.forRoot(MyApp),
    IonicStorageModule.forRoot()   ], 
...