報(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
