TS1261: Already included file name 'xxx' differs from file name 'xxx' only in casing

Question

I have the /app/client/modules/activity/pages/New/hooks.ts file in my project. As you can see the folder is New, and the first letter is uppercase.

When I run the webpack build command, got below error:

ERROR in /root/app/client/modules/activity/pages/new/index.tsx
ERROR in /root/app/client/modules/activity/pages/new/index.tsx(5,45):
TS1261: Already included file name '/root/app/client/modules/activity/pages/new/hooks.ts' differs from file name '/root/app/client/modules/activity/pages/New/hooks.ts' only in casing.
  The file is in the program because:
    Imported via './hooks' from file '/root/app/client/modules/activity/pages/new/index.tsx'
    Root file specified for compilation

tsconfig.json:

{
  "forceConsistentCasingInFileNames": true,
}

OS: macOS
Disk info:

File System Personality:   APFS
Type (Bundle):             apfs
Name (User Visible):       APFS

I had read this question 'File name differs from already included file name only in casing' on relative path with same casing

I want to keep the forceConsistentCasingInFileNames configuration be true.

TS1261: Already included file name 'xxx' differs from file name 'xxx' only in casing

0 Answers0