Ionic Uncaught Error: не удается найти модуль "." при импорте поставщика услуг

Question

Я пытаюсь импортировать нового поставщика услуг, которого я только что создал после извлечения из последней ветки в моем ионном приложении.

Когда я пытаюсь импортировать эту строку кода:

import { AuthServiceProvider } from '../providers/auth-service'

в app.module.ts Я всегда получаю сообщение о том, что:

Uncaught Error: Cannot find module "."
    at webpackMissingModule (index.js:3)
    at e.code (index.js:3)
    at Object.<anonymous> (index.js:9)
    at __webpack_require__ (bootstrap 62d6a5897825ac327001:54)
    at Object.690 (slide.transition.ts:67)
    at __webpack_require__ (bootstrap 62d6a5897825ac327001:54)
    at Object.495 (main.js:1885)
    at __webpack_require__ (bootstrap 62d6a5897825ac327001:54)
    at Object.487 (notification-api.ts:6)
    at __webpack_require__ (bootstrap 62d6a5897825ac327001:54)

Но учтите, что я также импортирую другую услугу от моего провайдера, которая работает отлично.

Вот код моего auth-service.ts ниже.

import { HttpClient } from '@angular/common/http';
import { Injectable } from '@angular/core';
import { Events } from 'ionic-angular/umd';

/*
  Generated class for the AuthServiceProvider provider.

  See https://angular.io/guide/dependency-injection for more info on providers
  and Angular DI.
*/
@Injectable()
export class AuthServiceProvider {

  public isLoggedIn = false;

  constructor(
    public http: HttpClient,
    private events: Events
  ) {
    console.log('Hello AuthServiceProvider Provider');

    events.subscribe('user:logged-in', (user) => {
      this.isLoggedIn = true;
      console.log('Welcome', user);
    });
  }

}

Я не буду показывать свой код в моем app.module.ts , потому что он засыпан плагинами импорта и другими поставщиками.

Вот моя ионная информация

cli packages: (/usr/lib/node_modules)

@ionic/cli-utils  : 1.19.2
ionic (Ionic CLI) : 3.20.0

глобальные пакеты:

cordova (Cordova CLI) : 8.0.0 

местные пакеты:

@ionic/app-scripts : 3.1.8
Cordova Platforms  : android 6.3.0 browser 5.0.3
Ionic Framework    : ionic-angular 3.9.2

Система:

Android SDK Tools : 26.1.1
Node              : v6.12.2
npm               : 4.6.1 
OS                : Linux 4.13

Переменные среды:

ANDROID_HOME : /home/clifford/Android/Sdk

Так почему у меня возникла ошибка в этом конкретном поставщике услуг по сравнению с другими поставщиками, которые точно такие же?

Есть мысли?

Цените, если кто-то может помочь. Заранее спасибо.

Answer 1

Я изменил import { Events } from 'ionic-angular/umd'; на import { Events } from 'ionic-angular';.Я использовал «машинопись»: «~ 2.6.2».Я попытался изменить версию машинописного текста, и я слышал, что машинный текст 3.1 может быть исправлен в некоторых случаях.В моем случае, когда я поднялся выше, чем машинопись 2.8.0, у меня появились другие проблемы, связанные с ionic.В конце вышеприведенное исправление работает, и я думаю, что это скорее проблема ионной структуры.

Answer 2

Я наконец-то понял это, чтобы решить проблему. Ошибка возникает при импорте событий из ionic-angular.

Так что вместо: import { Events } from 'ionic-angular/umd';

Просто удалите umd в конце. Я не знаю, почему это произошло, потому что я использую автоматический импорт из своего кода против.