在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"]

變成下面這樣:

在這里插入圖片描述

重啟項目,解決問題

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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM