[vue/compiler-sfc] parser plugin: "deferredImportEvaluation".

[houd1ni]

Vue version

3.5.27

Link to minimal reproduction

https://stackblitz.com/edit/vitejs-vite-ela3jctw?file=src%2FApp.vue

Steps to reproduce

Just look at right side of repro at stackblitz.

What is expected?

It's working.

What is actually happening?

An error: SyntaxError: [vue/compiler-sfc] This experimental syntax requires enabling the parser plugin: "deferredImportEvaluation". (12:7) very red.

Any additional comments?

I haven't found literally anything about the plugin except for in the COMPILED @vue/compiler-sfc version (there are two like this in the check chains:

if (phase === "defer") {
    this.expectPlugin("deferredImportEvaluation", loc);
    node.phase = "defer";
  }

[edison1105]

defer import is still in the experimental stage (stage 3). We will consider supporting it once it becomes stable.

[houd1ni]

defer import is still in the experimental stage (stage 3). We will consider supporting it once it becomes stable.

Therefore there'e nothing to enable yet, right?

[edison1105]

try

export default defineConfig({
  plugins: [vue({
    script: {
      babelParserPlugins: [
        "deferredImportEvaluation"
      ]
    }
  })],
})

[houd1ni]

@edison1105 The error appears just after defer * is added and disappears after page reload (F5). is it problem with bundler/esbuild now?

Transform `{myproject}.vue` failed.
Error: Transform failed with 1 error:
C:/{myproject}.vue:14:13: ERROR: Expected "from" but found "*"
Error: Transform failed with 1 error:
C:/{myproject}.vue:14:13: ERROR: Expected "from" but found "*"
    at failureErrorWithLog (C:\{myproject}\node_modules\esbuild\lib\main.js:1477:15)
...

[edison1105]

Likely yes.