HMR error: Cannot access '...' before initialization (happend on <script setup lang="ts"> ..... </script>)

[NomadBin]

Describe the bug

1. Under the code, the console error " Uncaught ReferenceError: Cannot access 'MAIN_FILE' before initialization
   at store.ts:4 " with first open browser.

// App.vue
<script setup lang="ts">
import {MAIN_FILE} from "./compile"
</script>

// compile.ts
import { store } from "./store";

export const MAIN_FILE = "index.vdest";
console.log(store)

// store.ts
import { MAIN_FILE } from "./compile";
console.log(MAIN_FILE)
export const store = null

2. But when i remove the script tag of setup, that was no problems。 So， I am not sure it is vite or vue3 bug！

Reproduction

https:/china-bin/vite-script-setup-ts-import-bug

System Info

System:
    OS: Windows 10 10.0.19043
    CPU: (8) x64 Intel(R) Core(TM) i7-6700K CPU @ 4.00GHz
    Memory: 4.17 GB / 15.96 GB
  Binaries:
    Node: 14.17.1 - C:\Program Files\nodejs\node.EXE
    Yarn: 1.22.10 - C:\Program Files\nodejs\yarn.CMD
    npm: 6.14.13 - C:\Program Files\nodejs\npm.CMD
  npmPackages:
    @vitejs/plugin-vue: ^1.3.0 => 1.3.0
    vite: ^2.4.4 => 2.4.4
    vue: ^3.0.5 => 3.1.5

Used Package Manager

yarn

Logs

No response

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:/vuejs/vue-next instead.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.

[arpowers]

Same issue here. Seems like it showed up after upgrading deps.

[dejour]

you could fix this by removing the circular dependency.

[NomadBin]

you could fix this by removing the circular dependency.

yeah! Remoing the circualr dependency will be right. But I have a question：Is the browser es6 import cause no circular dependency?

[patak-dev]

@china-bin @arpowers would you check if this PR fixes your issues? #4589

[yyx990803]

This is not a Vite bug. ESM does support circular dependency, but it still has limitations - you can't eagerly access imported bindings of a file that's later in the import chain:

main -> compile -> store -> compile

Here store will not be able to use any binding from compile eagerly - it can only do so in a lazy-invoked function. This is how ESM works, and has nothing to do with Vite HMR.