重命名我的文件以使用与类名相同的名称后,我注意到了这个错误。
例如
document.body.scrollTop
文件名:class School {}
,文件是使用以下方式导入的:
School.jsx
以下是我从Webpack获得的错误。
import School from ./School
您是否遇到过这类问题?您是如何解决这个问题的?
答案 0 :(得分:0)
警告与使用类和文件的相同名称无关,也不与components/admin/includes/HeaderSideBar.jsx
components/admin/includes/HeaderSidebar.jsx
名称/文件相关。警告告诉您,您有两个具有相同名称的文件,除了至少在字符上的情况(而不是小写,您有一个大写,反之亦然)。
HeaderSideBar.jsx
HeaderSidebar.jsx
和B
是两个不同的文件(file.js
在其中一个文件中大写)。这可能是一个问题,因为某些文件系统是 敏感的,这意味着当你要求一个不存在的文件时,让我们说FILE.js
,它会很乐意给你{ {1}}如果存在那个。鉴于区分大小写的文件系统只会告诉您file.js
不存在并导致错误。在这种情况下,您将在一个文件系统上拥有一个有效的应用程序,而在另一个文件系同样,如果同时使用这两个文件,则两个用户都可能会解析为同一个文件,即使您期望其他文件也是如此。
为避免此潜在问题,您不应该有两个具有相同名称的文件。除了文件系统的差异之外,使用不同外壳的相同名称并不是一个好主意,因为这使得区分需要编辑的文件变得更加困难。