一、在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。