vue第三方庫中存在擴(kuò)展運(yùn)算符報(bào)錯(cuò)問題的解決方案
更新時(shí)間：2022年07月21日 15:22:06 作者：hello_stone
這篇文章主要介紹了vue第三方庫中存在擴(kuò)展運(yùn)算符報(bào)錯(cuò)問題,本文給大家分享解決方案，通過結(jié)合實(shí)例代碼給大家介紹的非常詳細(xì)，需要的朋友可以參考下
vue第三方庫中存在擴(kuò)展運(yùn)算符報(bào)錯(cuò)問題
之前一篇文章說過，vue里用到了es6的拓展（...）語法，然后編譯一直報(bào)錯(cuò) unExpected token
解決方案
1、引入babel依賴
npm install babel-plugin-transform-object-rest-spread npm install babel-preset-es2015 --save-dev
2、在vue項(xiàng)目的src/.babelrc文件中（沒有自己創(chuàng)建）下修改
{
"presets":[["es2015",{"modules":false}]],//依賴ES5模塊轉(zhuǎn)換
"plugins":["transform-object-rest-spread"]
}但是存在一個(gè)問題就是如果我引入的第三方庫中存在擴(kuò)展運(yùn)算符，依然會(huì)存在這個(gè)錯(cuò)誤。
解決方法：
需要在webpack.conf.js中添加resolve('第三方庫的路徑')
之前的配置：
test: /\.(js)$/,
loader: 'babel-loader',
options: {
//plugins:['syntax-dynamic-import'],
presets: ['es2015']
},
include: [resolve('src')]
}修改之后：
test: /\.(js)$/,
loader: 'babel-loader',
options: {
//plugins:['syntax-dynamic-import'],
presets: ['es2015']
},
include: [resolve('src'),resolve('node_modules/webpack-dev-server/client'),resolve('node_modules/bootstrap/dist/js/bootstrap.min.js')]
}node_modules/bootstrap/dist/js/bootstrap.min.js 為報(bào)錯(cuò)的文件
到此這篇關(guān)于vue第三方庫中存在擴(kuò)展運(yùn)算符報(bào)錯(cuò)問題的文章就介紹到這了,更多相關(guān)vue第三方庫擴(kuò)展運(yùn)算符報(bào)錯(cuò)內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
vue + vuex todolist的實(shí)現(xiàn)示例代碼
這篇文章主要介紹了vue + vuex todolist的實(shí)現(xiàn)示例代碼，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-03-03
這篇文章主要介紹了vue element-ui讀取pdf文件的方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-11-11
vue中使用過濾器filters的this為undefined的問題
這篇文章主要介紹了vue中使用過濾器filters的this為undefined的問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-01-01
vue兩組件間值傳遞 $router.push實(shí)現(xiàn)方法
兩組件間傳值，可能包含多種情況，這篇文章主要介紹了vue兩組件間值傳遞 $router.push實(shí)現(xiàn)方法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-05-05
Vue.js在設(shè)計(jì)上采用MVVM模式，當(dāng)View視圖層發(fā)生變化時(shí)，會(huì)自動(dòng)更新到ViewModel.接下來通過本文給大家分享Vue.js實(shí)現(xiàn)列表清單的操作方法，需要的朋友參考下吧2017-11-11
axios請(qǐng)求的一些常見操作實(shí)戰(zhàn)指南
axios是一個(gè)輕量的HTTP客戶端,它基于XMLHttpRequest服務(wù)來執(zhí)行 HTTP請(qǐng)求,支持豐富的配置,支持Promise,支持瀏覽器端和 Node.js 端,下面這篇文章主要給大家介紹了關(guān)于axios請(qǐng)求的一些常見操作,需要的朋友可以參考下2022-09-09
這篇文章主要介紹了vue-cli配置flexible過程詳解,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-07-07
Vue項(xiàng)目安裝less和less-loader的詳細(xì)步驟
這篇文章主要介紹了Vue項(xiàng)目安裝less和less-loader的詳細(xì)步驟，本文分步驟結(jié)合示例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-12-12
vue使用Highcharts實(shí)現(xiàn)不同高度的3D環(huán)形圖
這篇文章主要為大家詳細(xì)介紹了vue使用Highcharts實(shí)現(xiàn)不同高度的3D環(huán)形圖，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-03-03
vue監(jiān)聽input標(biāo)簽的value值方法
今天小編就為大家分享一篇vue監(jiān)聽input標(biāo)簽的value值方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-08-08