First import defineProps and defineEmit, compilation result exception

[zce]

Version

• vue: 3.0.5
• @vue/compiler-sfc: 3.0.5
• vite: 2.0.0-beta.44

Reproduction link

https://github.com/zce/compiler-sfc-issue

Steps to reproduce

$ npm init @vitejs/app my-app
$ cd myapp
$ npm install

./src/components/HelloWorld.vue

import { defineProps, defineEmit, reactive } from 'vue'

defineProps({
  msg: String
})

defineEmit(['update'])

const state = reactive({ count: 0 })

$ npm run dev

What is expected?

Uncaught SyntaxError: Unexpected token ','

The compiled module code:

import { createHotContext as __vite__createHotContext } from "/@vite/client";import.meta.hot = __vite__createHotContext("/src/components/HelloWorld.vue");
import { , reactive } from '/node_modules/.vite/vue.runtime.esm-bundler.js?v=f3e30e51'

// ...

What is actually happening?

This exception should not occur

---

-import { defineProps, defineEmit, reactive } from 'vue'
+import { reactive, defineProps, defineEmit } from 'vue'

 defineProps({
   msg: String
 })

 defineEmit(['update'])

 const state = reactive({ count: 0 })

Change the import order to return to normal.

As long as they are not imported first

[zce]

https://github.com/vuejs/vue-next/blob/fd16f2bd7844107eab3155d58162a63da9a701bf/packages/compiler-sfc/src/compileScript.ts#L601-L607

[leopiccionia]

Seems to be a duplicate of #2740.

[HcySunYang]

Yes, close this.