There are multiple modules with names that only differ in casing 出现在angular中的原因及解决方案

原创于 2019-01-31 11:31:21 发布 · 4.6k 阅读

2 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#angular #There are multiple modules wit

收录于

angular 专栏收录该内容

4 篇文章

订阅专栏

本文详细解析了在Angular项目中，由于类的重复引入导致的错误：多个模块名称仅在大小写上有所不同。文章提供了正确的代码写法，避免在不同类中多次引入同一类，从而消除编译警告。

在使用angular的时候有时会报如下的错误

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:

【出现原因】：你重复引入一个类了。网上那些说的解决方案，简直误人子弟，直接一顿鄙视之后我们来给解决方案

【出现情景】：

这是类A

//我是类A
export class A{
}

这是类B

//我是类B，但是我引入了类A
import { A } from './A';
export class B{
}

这是类C

//我是类C，我引入了类A，同时引入类B
import { B } from './B';    //其实这里已经包含类A的引入了
import { A } from './A';    //这里我引入类A，但是上面引入的类B中已经引入过类A了，于是就报警告了
export class C{
}

【正确写法】

//我是类A
export class A{
}

//我是类B，但是我引入了类A，同时将类A暴露出去，让用到我的类可以通过我直接使用类A
import { A } from './A';
export { A } //将类A暴露(即丢出来让大家看到)
export class B{
}

//我是类C，我引入了类A，同时引入类B(但是我引入的途径有点不一样哦)
import { B,A } from './B';    //这里我不仅引入了类B，同时也引入了类A
export class C{
}