報(bào)錯(cuò)內(nèi)容

[Vue warn]: Error in v-on handler: "ReferenceError: regeneratorRuntime is not defined"

found in

---> <ElButton> at packages/button/src/button.vue
       <ElFormItem> at packages/form/src/form-item.vue
         <ElForm> at packages/form/src/form.vue
           <Login> at src/components/Login.vue
             <App> at src/App.vue
               <Root>
warn @ vue.esm.js?915d:628
logError @ vue.esm.js?915d:1893
globalHandleError @ vue.esm.js?915d:1888
handleError @ vue.esm.js?915d:1848
invokeWithErrorHandling @ vue.esm.js?915d:1871
invoker @ vue.esm.js?915d:2188
invokeWithErrorHandling @ vue.esm.js?915d:1863
Vue.$emit @ vue.esm.js?915d:3897
handleClick @ button.js?f2e8:312
invokeWithErrorHandling @ vue.esm.js?915d:1863
invoker @ vue.esm.js?915d:2188
original._wrapper @ vue.esm.js?915d:7565
vue.esm.js?915d:1897 ReferenceError: regeneratorRuntime is not defined
    at eval (Login.vue?1e79:67)
    at VueComponent.login (Login.vue?1e79:67)
    at invokeWithErrorHandling (vue.esm.js?915d:1863)
    at VueComponent.invoker (vue.esm.js?915d:2188)
    at invokeWithErrorHandling (vue.esm.js?915d:1863)
    at VueComponent.Vue.$emit (vue.esm.js?915d:3897)
    at VueComponent.handleClick (button.js?f2e8:312)
    at invokeWithErrorHandling (vue.esm.js?915d:1863)
    at HTMLButtonElement.invoker (vue.esm.js?915d:2188)
    at HTMLButtonElement.original._wrapper (vue.esm.js?915d:7565)

image.png

問題原因：

項(xiàng)目中請(qǐng)求數(shù)據(jù)使用了異步函數(shù)，并用async 、await關(guān)鍵字修飾。async 、await 是es7出來的。項(xiàng)目運(yùn)行在瀏覽器中如果不支持es7的情況下，那么就會(huì)報(bào)如上所示的錯(cuò)誤。

解決辦法：安裝插件實(shí)現(xiàn)轉(zhuǎn)換語法，將es7轉(zhuǎn)換es5。

• 步驟一：安裝babel-plugin-transform-runtime
sudo cnpm install babel-plugin-transform-runtime --save

• 步驟二：.babelrc文件中增加"transform-runtime"

image.png

• 步驟三：重新運(yùn)行即可sudo cnpm run dev