【vue】---vue中使用async+await出現的問題及解決方案


一、在Vue中出現的問題

  因為我沒有用腳手架,自己用webpack配置的環境,因此報了以下錯誤,出現的問題應該是缺少解析器的原因

 

二、解決方案

安裝:

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

  npm i babel-runtime --save

 

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

 

 

其次在目錄的.babelrc中添加如下配置

"plugins":["@babel/plugin-transform-runtime"]

 

三、babel-plugin-transform-runtime

 

在轉換 ES2015 語法為 ECMAScript 5 的語法時,babel 會需要一些輔助函數,例如 _extend。babel 默認會將這些輔助函數內聯到每一個 js 文件里,這樣文件多的時候,項目就會很大。

 

所以 babel 提供了 transform-runtime 來將這些輔助函數“搬”到一個單獨的模塊 babel-runtime 中,這樣做能減小項目文件的大小。

因為babel編譯es6到es5的過程中,babel-plugin-transform-runtime這個插件會自動polyfill es5不支持的特性,這些polyfill包就是在babel-runtime這個包里,所以babel-runtime需要安裝在dependency而不是devDependency。

 


免責聲明!

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



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