1. 程式人生 > >在vue中使用async/await遇到的坑

在vue中使用async/await遇到的坑

為我 解決 官方 ext 分享圖片 col nsf shadow vpd

最近無聊在搞一些新的東西,今天就遇到一個async/await的坑;

因為我用的不是vue官方的腳手架,所以遇到這樣的問題:

await is a reserved word

這樣的警告,我猜應該是缺乏相關的解析器。

然後取掉await之後,又出現async出現問題:

技術分享圖片

好吧,只能google之。

查到相關資料後:

安裝了babel-plugin-transform-runtime還有babel-runtime,並在.babelrc文件裏添加:"plugins":["transform-runtime"],這樣才解決問題


npm i babel-plugin-transform-runtime --save-dev
npm i babel-runtime --save

在項目根目錄下有個.babelrc文件,增加一句代碼:


"plugins":["transform-runtime"]

變成下面這樣:

技術分享圖片

重啟項目,解決問題

原文地址:https://segmentfault.com/a/1190000017119335

在vue中使用async/await遇到的坑