離子未捕獲錯誤：導入服務提供商時找不到模塊“。”

Question

我正在嘗試導入一個新的服務提供商，該服務提供商是從ionic應用程序的最新分支中提取后創建的。

當我嘗試導入以下代碼行時：

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

我終於想通了解決問題的方法。 從ionic-angular導入事件時發生錯誤。

因此，而不是： import { Events } from 'ionic-angular/umd';

只需刪除末尾的umd 。 我不知道為什么會這樣，因為我正在使用vs代碼中的自動導入功能。

Answer 2

我將import { Events } from 'ionic-angular/umd';更改為import { Events } from 'ionic-angular/umd'; import { Events } from 'ionic-angular'; 。 我使用的是“打字稿”：“〜2.6.2”。 我試圖更改打字稿的版本，並且聽說打字稿3.1在某些情況下可以解決。 就我而言，一旦我超過打字稿2.8.0，我就開始遇到與離子相關的其他問題。 最后，上述修復工作成功了，我認為這更多是一個離子框架問題。