2016-05-21 4 views
1

Я начал изучать ионный 2, и у меня возникла проблема с импортом зависимости в моем файле app.ts.Импорт углового2/http в ionic 2 имеет ошибку «невозможно найти модуль»

, когда я хочу использовать:

"import {Http} from "angular2/http"; 

его показать мне, ошибка с этой темой:

[ts] cannot find module 'angular2/http'. 

это содержание моего package.json в:

"dependencies": { 
"@angular/common": "^2.0.0-rc.1", 
"@angular/compiler": "^2.0.0-rc.1", 
"@angular/core": "^2.0.0-rc.1", 
"@angular/http": "^2.0.0-rc.1", 
"@angular/platform-browser": "^2.0.0-rc.1", 
"@angular/platform-browser-dynamic": "^2.0.0-rc.1", 
"@angular/router": "^2.0.0-rc.1", 
"es6-shim": "^0.35.0", 
"ionic-angular": "2.0.0-beta.7", 
"ionic-native": "^1.1.0", 
"ionicons": "3.0.0", 
"reflect-metadata": "^0.1.3", 
"rxjs": "5.0.0-beta.6", 
"zone.js": "^0.6.12" 
} 

ответ

5

нормально, я найдено решение,

в I onic 2, Beta 7, мы должны использовать:

импорт {Http} из '@ angular/http';

4

Только в том случае, если это может быть полезным для кого-то, есть некоторые другие изменения, которые необходимо будет сделать для того, чтобы модернизировать до ионического 2 бета 7 (или бета-8 в настоящее время).

Вы можете взглянуть на рекомендуемые шаги (и , нарушающие изменения как этот) here.

=========

EDIT:

Как Бонд - Java Бонд предполагает, эти переломные изменения в случае ссылки идет мертвых:

2.0.0-beta.7 (2016-05-19) ЛОМАЯ ИЗМЕНЕНИЯ

Угловое Обновление 2.0.0-RC.1

Угловой был обновлен до 2.0.0-rc.1, выполните следующие действия, чтобы обновить Угловое.

  1. редактировать свои package.json и удалить angular2 запись:

    "angular2": "2.0.0-beta.15" 
    
  2. Затем запустите следующую команду из терминала, чтобы обновить ионными и Угловая, или посмотрите на изменения package.json стартера и обновить каждую версию:

    npm install --save [email protected] @angular/core @angular/compiler @angular/common @angular/platform-browser @angular/platform-browser-dynamic @angular/router @angular/http [email protected] [email protected] reflect-metadata 
    
  3. Выполните следующую команду из терминала, чтобы обновить задачу глотка для ionic-gulp-scripts-copy:

    npm install --save-dev [email protected] 
    
  4. Затем измените любой импорт в приложении от angular2 к @angular. Например, следующее.

    import {ViewChild} from 'angular2/core'; 
    import {Http} from 'angular2/http'; 
    

    становится

    import {ViewChild} from '@angular/core'; 
    import {Http} from '@angular/http'; 
    
  5. Удалить импорт для angular2-polyfills в index.html:

    <script src="build/js/angular2-polyfills.js"></script> 
    

    и заменить его со следующими сценариями:

    <script src="build/js/zone.js"></script> 
    <script src="build/js/Reflect.js"></script> 
    
  6. Замените все переменные шаблона в ngFor с помощью let. Например:

    *ngFor="#session of group.sessions" 
    

    становится

    *ngFor="let session of group.sessions" 
    
  7. Заменить все переменные шаблона в virtualScroll. Например:

    *virtualItem="#item" 
    

    становится

    *virtualItem="let item" 
    
  8. Посмотреть Angular Changelog для более изменения глубины.

+1

Хотя это может ответить на вопрос, подумайте о суммировании содержания ссылки в интересах будущих читателей, если ссылка будет мертвой. –

+0

@ Bond-JavaBond, спасибо за ваше предложение !. – sebaferreras