Angular 4错误:有多个模块的名称只有外壳不同

前端之家收集整理的这篇文章主要介绍了Angular 4错误:有多个模块的名称只有外壳不同前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
ng服务命令后,我在Angular 4项目中出现以下错误.

./src/app/Utils/config.service.ts
There are multiple modules with names that only differ in casing.
This can lead to unexpected behavior when compiling on a filesystem with other case-semantic.
Use equal casing. Compare these module identifiers:
* D:\ANGULAR\siteprice.org\node_modules\@ngtools\webpack\src\index.js!D:\ANGULAR\siteprice.org\src\app\Utils\config.service.ts
Used by 1 module(s),i. e.
D:\ANGULAR\siteprice.org\node_modules\@ngtools\webpack\src\index.js!D:\ANGULAR\siteprice.org\src\app\utils\email.service.ts
* D:\ANGULAR\siteprice.org\node_modules\@ngtools\webpack\src\index.js!D:\ANGULAR\siteprice.org\src\app\utils\config.service.ts
Used by 2 module(s),i. e.
D:\ANGULAR\siteprice.org\node_modules\@ngtools\webpack\src\index.js!D:\ANGULAR\siteprice.org\src\app\app.module.ts

config.service.ts文件

import { Injectable } from '@angular/core';

@Injectable()
export class ConfigService {

  _apiURI : string;

  constructor() {
      this._apiURI = 'http://www.example.com/xyz/api/';
    }

    getApiURI() {
        return this._apiURI;
    }

    getApiHost() {
        return this._apiURI.replace('api/','');
    }

}

email.service.ts:

import { Injectable } from '@angular/core';
import { Http,Response,Headers } from '@angular/http';
import {Observable} from 'rxjs';
import 'rxjs/add/operator/map';
import { ConfigService } from '../Utils/config.service';
import { Email } from '../Models/email';

@Injectable()
export class EmailService {

  apiRoot: string = '';

  constructor(private http: Http,private configService: ConfigService) { 
    this.apiRoot = configService.getApiURI();
  }

我检查了服务名称的大小写,它们是正确的.

解决方法

我发现了这个问题,我认为它可能是CLI中的一个错误.

Utils文件名称应为utils.所以第一个字母是小写的.
我的Windows目录中的utils文件夹是用小写创建的.
所以我改变了这个:

import { ConfigService } from '../Utils/config.service';

至:

import { ConfigService } from '../utils/config.service';

编辑:

看起来这是一个已知问题,其中一个建议的解决方案是使用kebap案例文件,windows中的文件名称.

https://github.com/AngularClass/angular-starter/issues/926

猜你在找的Angularjs相关文章