在 Angular 7 中找不到模块“./auth.service”

Posted

技术标签:

【中文标题】在 Angular 7 中找不到模块“./auth.service”【英文标题】:Cannot find module './auth.service' in Angular 7 【发布时间】:2019-07-02 00:05:01 【问题描述】:

我正在尝试使用 Angular Guards 来保护我的页面免遭未经身份验证的访问。

import  ActivatedRouteSnapshot, CanActivate, RouterStateSnapshot , Router  from '@angular/router';
import  Observable  from 'rxjs';
import  Injectable  from '@angular/core';
import  AuthService  from './auth.service';
@Injectable()
export class AuthGuard implements CanActivate 
    constructor(private authService: AuthService,
        private router: Router)  
    canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable<boolean> | Promise<boolean> | boolean 
        if(this.authService.isAuth) 
            return true;
         else 
            this.router.navigate(['/login']);
           
    


问题是我无法导入模块 auth.service。它告诉我这个错误(找不到模块'./auth.service'。有什么建议吗?

【问题讨论】:

你能告诉我们你的项目树吗?没有人可以给你答案,因为你问“我应该从哪里导入自定义文件?”当我们不知道您创建它以及放置它的位置时。 刚刚发现我的服务文件丢失了 :(,谢谢@Nikita。我应该删除这个愚蠢的问题吗? 是的,这个网站不适合这类问题,呵呵。 【参考方案1】:

您可能需要检查存储AuthService 的路径。最简单的方法是删除引号内的任何内容并放置 ../ 然后您的 IDE 会建议您的路径 AuthService

【讨论】:

【参考方案2】:

您可能想检查该文件是否确实存在!此外,尝试使用 Webstorm 或 Eclipse 或任何类型的 IDE 来查看代码中的确切问题。有时 IDE 甚至会为您修复错误!

【讨论】:

以上是关于在 Angular 7 中找不到模块“./auth.service”的主要内容,如果未能解决你的问题,请参考以下文章

Angular 5 和 TS2307 在 Visual Studio 2015 中找不到模块

在具有 Nativescript 和 Angular Schematics 的共享代码中找不到模块

在 Angular 英雄之旅中找不到模块“./in-memory-data-service”

找不到在 Angular 中导入 Firebase 身份验证

找不到模块“@auth0/angular-jwt/”

在 Angular 7 中找不到名称“require”(打字稿 3.1.3)