vue server can not use async/await

[githoniel]

Version

3.0.4

Node and OS info

Node 8.11.4/ Npm 6.4.1 / Windows 10

Steps to reproduce

npm i @vue/cli @vue/cli-service-global -g

I got warning below

npm WARN [email protected] requires a peer of @babel/core@^7.0.0 but none is installed. You must install peer dependencies yourself.

then create a vue file index.vue

<template>
<div></div>
</template>
<script>
export default {
    methods: {
        async test(){}
    }
}
</script>

atfer run vue serve index.vue get compile error

 ERROR  Failed to compile with 1 errors                                                                     
This dependency was not found:

* regenerator-runtime/runtime in C:/Users/xxxx/AppData/Roaming/npm/node_modules/@vue/cli-service-global/node_modules/babel-loader/lib??ref--12-0!C:/Users/xxxx/AppData/Roaming/npm/node_modules/@vue/cli-service-global/node_modules/cache-loader/dist/cjs.js??ref--0-0!C:/Users/xxxx/AppData/Roaming/npm/node_modules/@vue/cli-service-global/node_modules/vue-loader/lib??vue-loader-options!./src/index.vue?vue&type=script&lang=js&

To install it, you can run: npm install --save regenerator-runtime/runtime   

What is expected?

vue serve support async/await

What is actually happening?

failed to compile

[LinusBorg]

1. I don't get such a warning for babel-loader, just updated my cli and cli-service-global installs to 3.0.4

2. Your example code is wrong, this is not valid javascript

export default () {

It should look like this:

export default {

3. Once that it fixed, the app compiles fine for me, except for some eslint warnings:

So we could discuss if eslint-loader should really be used in this scenario, but the app works.

[haoqunjiang]

Reproduced on my machine.

[githoniel]

@LinusBorg

1. Sorry that wrong code was cause when I simplify my code, I have edit this issue.

Is it necessary to manualy install babel ？ my npm global node_modules is below

there is only @vue/[email protected] and @vue/[email protected] install in @VUE

I just uninstall them and reinstall this two.

@vue/cli seem all right.

npm i @vue/cli
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules\@vue\cli\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"ia32"})

but @vue/cli-service-global warn again like blew

C:\Users\xxxx>npm install -g @vue/cli-service-global
npm WARN deprecated [email protected]: Switch to the `bfj` package for fixes and new features!

> [email protected] install C:\Users\xxxx\AppData\Roaming\npm\node_modules\@vue\cli-service-global\node_modules\yorkie
> node bin/install.js

setting up Git hooks
trying to install from sub 'node_module' directory, skipping Git hooks installation
npm WARN [email protected] requires a peer of @babel/core@^7.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules\@vue\cli-service-global\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"ia32"})

2. I think it is cause by 1.
   I temporarily fix this by add a babel.config.js in my project and install @vue/cli-plugin-babel for my project

/// babel.config.js
module.exports = {
    presets: [
        '@vue/app',
    ],
}

3. It seem like you install 'eslint-loader' in you project as your pic show.
   In my first case, I just create a single file in a new folder, even without npm init.

[HoweZhang]

So how do you use it? How did you configure it in babel.config.js @githoniel