Импорт Ionic 2 ищет файл js вместо файла ts

Я новичок в ionic2 и следую инструкциям на YouTube.

Я создал службу в моем src/app/services/ под названием RedditService, и имя ее файла reddit.service.ts

И в файле app.component.ts я импортирую его так:

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

При сборке получаю ошибку:

Ошибка сборки модуля: ошибка: ENOENT: нет такого файла или каталога, откройте «/home/mubashar/code/js/ionic/ionreddit/src/app/services/reddit.service.js»

он ищет reddit.service.js, когда ДОЛЖЕН БЫТЬ искать reddit.service.ts, и я думаю, что это проблема.

Это учебник, которому я следую:

https://youtu.be/ilM8YorL_jI


typescript javascript angular ionic3 ionic2
person Mubashar Abbas    schedule 29.07.2017    source источник
comment
Если вы остановите cli, а затем снова запустите ionic serve, ошибка останется?   -  person sebaferreras    schedule 29.07.2017
comment
хорошо.. я перезапустил, и теперь я получаю Uncaught (in promise): Error: No provider for Http! Error: No provider for Http! at injectionError   -  person Mubashar Abbas    schedule 29.07.2017
comment
Я добавил ответ относительно этой ошибки. Имейте в виду, что иногда при добавлении новых файлов (сервисов или страниц) cli может выдавать ошибку, но если вы остановите его и запустите ionic serve, вы увидите реальную причину этой ошибки :)   -  person sebaferreras    schedule 29.07.2017

Ответы (1)


arrow_upward
3
arrow_downward

Имейте в виду, что иногда при добавлении новых файлов (служб или страниц) CLI может выдать ошибку, но если вы остановите его и снова запустите ionic serve, вы увидите реальную причину этой ошибки.

ОБНОВЛЕНИЕ:

Я перезапустился, и теперь я получаю Uncaught (в обещании): Ошибка: Нет провайдера для Http! Ошибка: Нет провайдера для Http! при инъекцииОшибка

Провайдеры включают 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()   ], 
...
person sebaferreras    schedule 29.07.2017
comment
Не могли бы вы отредактировать свой ответ, включив в него решение restart cli, чтобы я мог его принять. это поможет людям с такой же проблемой в будущем. - person Mubashar Abbas; 29.07.2017
comment
Да, я просто добавил это, лол. Рад слышать, что это сработало :) - person sebaferreras; 29.07.2017