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

最近無聊在搞一些新的東西,今天就遇到一個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"]

變成下面這樣:
圖片描述

重啓項目,解決問題

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章