How to resolve the 'not provide an export named' error that is frequently encountered?

[StringKe]

Uncaught SyntaxError: The requested module '/src/components/design/layout/right/components/index.ts' does not provide an export named 'MaskSelect' (at StyleImage.tsx:10:51)

export index path: src/components/design/layout/right/components/mask-select/index.ts
real file path: src/components/design/layout/right/components/mask-select/MaskSelect.tsx

I just need to change the name MaskSelect.tsx to something like MaskSelectStyle.tsx so that the function exported from it is still called MaskSelect vite won't get this error again.

After replacing the name, I still occasionally get this error if I restore again, but I can continue to use the name MaskSelect.

This problem occurs several times with different files, my coworker has never encountered this error with windows.

vite/5.2.10 darwin-arm64 node-v20.12.2

OS: macOS 14.4.1 23E224 arm64 
Host: MacBookPro18,2 
Kernel: 23.4.0 
Uptime: 31 mins 
Packages: 56 (brew) 
Shell: zsh 5.9 
Resolution: 2056x1329, 2560x1440
DE: Aqua 
WM: Quartz Compositor 
WM Theme: Blue (Light) 
Terminal: Tabby 
CPU: Apple M1 Max 
GPU: Apple M1 Max 
Memory: 4810MiB / 65536MiB 


  System:
    OS: macOS 14.4.1
    CPU: (10) arm64 Apple M1 Max
    Memory: 30.70 GB / 64.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 20.12.2 - ~/.local/share/mise/installs/node/20.12.2/bin/node
    Yarn: 1.22.22 - ~/.local/share/mise/installs/node/20.12.2/bin/yarn
    npm: 10.5.2 - ~/.local/share/mise/installs/node/20.12.2/bin/npm
    pnpm: 9.0.6 - ~/.local/share/mise/installs/node/20.12.2/bin/pnpm
  Browsers:
    Chrome: 124.0.6367.92
    Safari: 17.4.1
  npmPackages:
    @vitejs/plugin-react: ^4.2.1 => 4.2.1 
    vite: ^5.2.10 => 5.2.10