Vite cannot load configuration files in the link directory

[yinzhenyu-su]

Describe the bug

Failed to package in the linked directory，Because the configuration file was not successfully loaded.

require.extensions[extension] = (module: NodeModule, filename: string) => {
    if (filename === fileName) {
      ;(module as NodeModuleWithCompile)._compile(bundledCode, filename)
    } else {
      defaultLoader(module, filename)
    }
  }

is this code, filename resolves to realpath but the fileName is link path. therefore lead to use defaultLoader to load vite.config.ts which is undefined loader.
so. my fix is use fs.realpathSync to get real fileName dir, and that's work for me.

require.extensions[extension] = (module: NodeModule, filename: string) => {
    if (filename === fs.realpathSync(fileName)) {
      ;(module as NodeModuleWithCompile)._compile(bundledCode, filename)
    } else {
      defaultLoader(module, filename)
    }
  }

Reproduction

1. Create a vite project directory, the configuration file is vite.config.ts
2. Execute the following command to link the original directory to the new directory

   cd D:
   mklink /j dir D:\to\source\dir

3. Perform packaging in link path

   yarn build

System Info

System:
    OS: Windows 10 10.0.19041
    CPU: (4) x64 Intel(R) Core(TM) i5-4210M CPU @ 2.60GHz
    Memory: 1.25 GB / 7.89 GB
  Binaries:
    Node: 12.22.1 - C:\Program Files\nodejs\node.EXE
    Yarn: 1.22.5 - C:\Program Files (x86)\Yarn\bin\yarn.CMD
    npm: 6.14.12 - C:\Program Files\nodejs\npm.CMD
  Browsers:
    Chrome: 91.0.4472.124
    Edge: Spartan (44.19041.1023.0), Chromium (91.0.864.64)
    Internet Explorer: 11.0.19041.1
  npmPackages:
    vite: ^2.4.1 => 2.4.1

Used Package Manager

yarn

Logs

failed to load config from D:\editor\vite.config.ts
error during build:
TypeError: defaultLoader is not a function
    at Object.require.extensions.<computed> [as .ts] (D:\Code\xbguan.ppcw_h5\editor2\node_modules\vite\dist\node\chunks\dep-cc49d7be.js:74775:13)
    at Module.load (internal/modules/cjs/loader.js:863:32)
    at Function.Module._load (internal/modules/cjs/loader.js:708:14)
    at Module.require (internal/modules/cjs/loader.js:887:19)
    at require (internal/modules/cjs/helpers.js:74:18)
    at loadConfigFromBundledFile (D:\Code\xbguan.ppcw_h5\editor2\node_modules\vite\dist\node\chunks\dep-cc49d7be.js:74780:17)
    at loadConfigFromFile (D:\Code\xbguan.ppcw_h5\editor2\node_modules\vite\dist\node\chunks\dep-cc49d7be.js:74696:32)
    at processTicksAndRejections (internal/process/task_queues.js:97:5)
    at async resolveConfig (D:\Code\xbguan.ppcw_h5\editor2\node_modules\vite\dist\node\chunks\dep-cc49d7be.js:74282:28)
    at async doBuild (D:\Code\xbguan.ppcw_h5\editor2\node_modules\vite\dist\node\chunks\dep-cc49d7be.js:50882:20)
error Command failed with exit code 1.

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Make sure this is a Vite issue and not a framework-specific issue. For example, if it's a Vue SFC related bug, it should likely be reported to https://github.com/vuejs/vue-next instead.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.

[ZYinMD]

To make this issue more searchable , the error message in a js project will be (different from ts project):

SyntaxError: Cannot use import statement outside a module

Also, some other keywords: windows, symlink, git-bash, cmd, powershell, junction

This is the same issue as #1493.

[ZYinMD]

From my test, it doesn't happen in projects created with template vanilla, but does happen with template vue and template react.

[zheeeng]

Any progress on it?