javascript - ionic 未捕获错误 : Cannot find module "." when importing a service provider

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 中显示我的代码，因为它受到导入插件和其他提供程序的轰炸。

这是我的 ionic 信息

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

我终于想通了，解决了这个问题。导入 events 时出现错误来自 ionic-angular。

所以不是:import {Events} from 'ionic-angular/umd';

只需删除末尾的umd。我不知道为什么会这样，因为我正在使用我的 vs 代码的自动导入。