vue@next新创建的项目结构直接运行的时候报 Expected identifier but found "import", 这是为什么？

[cander0815]

npm create vue@latest 创建的项目，直接 npm run dev就输出这些。
详细报错日志如下：

PS F:\demo\server-demo\sssss> node -v
v18.20.5
PS F:\demo\server-demo\sssss> npm run dev -- --debug

> sssss@0.0.0 dev
> vite --debug

X [ERROR] Expected identifier but found "import"

    (define name):1:0:
      1 │ import.meta.dirname
        ╵ ~~~~~~

X [ERROR] Expected identifier but found "import"

    (define name):1:0:
      1 │ import.meta.filename
        ╵ ~~~~~~

X [ERROR] Expected identifier but found "import"

    (define name):1:0:
      1 │ import.meta.url
        ╵ ~~~~~~

failed to load config from F:\demo\server-demo\sssss\vite.config.js
error when starting dev server:
Error: Build failed with 3 errors:
(define name):1:0: ERROR: Expected identifier but found "import"
(define name):1:0: ERROR: Expected identifier but found "import"
(define name):1:0: ERROR: Expected identifier but found "import"
    at failureErrorWithLog (F:\demo\server-demo\sssss\node_modules\esbuild\lib\main.js:1476:15)
    at F:\demo\server-demo\sssss\node_modules\esbuild\lib\main.js:945:25
    at runOnEndCallbacks (F:\demo\server-demo\sssss\node_modules\esbuild\lib\main.js:1316:45)
    at buildResponseToResult (F:\demo\server-demo\sssss\node_modules\esbuild\lib\main.js:943:7)
    at F:\demo\server-demo\sssss\node_modules\esbuild\lib\main.js:970:16
    at responseCallbacks.<computed> (F:\demo\server-demo\sssss\node_modules\esbuild\lib\main.js:622:9)
    at handleIncomingPacket (F:\demo\server-demo\sssss\node_modules\esbuild\lib\main.js:677:12)
    at Socket.readFromStdout (F:\demo\server-demo\sssss\node_modules\esbuild\lib\main.js:600:7)
    at Socket.emit (node:events:517:28)
    at addChunk (node:internal/streams/readable:368:12)

[jacekkarczmarczyk]

#12583