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

Question

我是 ionic2 新手，正在学习 YouTube 上的教程。

我在 src/app/services/ 中创建了一个名为 RedditService 的服务，它的文件名为 reddit.service.ts

在 app.component.ts 文件中，我像这样导入它:

import { RedditService } from './services/reddit.service';

构建时出现错误:

Module build failed: Error: ENOENT: no such file or directory, open '/home/mubashar/code/js/ionic/ionreddit/src/app/services/reddit.service.js'

当它应该寻找 reddit.service.ts 时，它正在寻找 reddit.service.js 并且我认为这就是问题所在。

这是我正在遵循的教程:

https://youtu.be/ilM8YorL_jI

Answer 1

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

更新:

I restarted and now I am getting Uncaught (in promise): Error: No provider for Http! Error: No provider for Http! at 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()   ], 
...