Webpack 3对文件和类使用相同的名称后出错

时间:2017-10-12 11:25:25

标签: javascript node.js express webpack

重命名我的文件以使用与类名相同的名称后,我注意到了这个错误。

例如

document.body.scrollTop

文件名:class School {} ,文件是使用以下方式导入的:

School.jsx

以下是我从Webpack获得的错误。

import  School from ./School

您是否遇到过这类问题?您是如何解决这个问题的?

1 个答案:

答案 0 :(得分:0)

警告与使用类和文件的相同名称无关,也不与components/admin/includes/HeaderSideBar.jsx components/admin/includes/HeaderSidebar.jsx 名称/文件相关。警告告诉您,您有两个具有相同名称的文件,除了至少在字符上的情况(而不是小写,您有一个大写,反之亦然)。

HeaderSideBar.jsx

HeaderSidebar.jsxB是两个不同的文件(file.js在其中一个文件中大写)。这可能是一个问题,因为某些文件系统是 敏感的,这意味着当你要求一个不存在的文件时,让我们说FILE.js,它会很乐意给你{ {1}}如果存在那个。鉴于区分大小写的文件系统只会告诉您file.js不存在并导致错误。在这种情况下,您将在一个文件系统上拥有一个有效的应用程序,而在另一个文件系同样,如果同时使用这两个文件,则两个用户都可能会解析为同一个文件,即使您期望其他文件也是如此。

为避免此潜在问题,您不应该有两个具有相同名称的文件。除了文件系统的差异之外,使用不同外壳的相同名称并不是一个好主意,因为这使得区分需要编辑的文件变得更加困难。