vue第三方庫中存在擴(kuò)展運(yùn)算符報錯問題的解決方案
更新時間：2022年07月21日 15:22:06 作者：hello_stone
這篇文章主要介紹了vue第三方庫中存在擴(kuò)展運(yùn)算符報錯問題,本文給大家分享解決方案，通過結(jié)合實(shí)例代碼給大家介紹的非常詳細(xì)，需要的朋友可以參考下
vue第三方庫中存在擴(kuò)展運(yùn)算符報錯問題
之前一篇文章說過，vue里用到了es6的拓展（...）語法，然后編譯一直報錯 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"]
}但是存在一個問題就是如果我引入的第三方庫中存在擴(kuò)展運(yùn)算符，依然會存在這個錯誤。
解決方法：
需要在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 為報錯的文件
到此這篇關(guān)于vue第三方庫中存在擴(kuò)展運(yùn)算符報錯問題的文章就介紹到這了,更多相關(guān)vue第三方庫擴(kuò)展運(yùn)算符報錯內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
Vue.js實(shí)戰(zhàn)之組件之間的數(shù)據(jù)傳遞
這篇文章主要介紹了Vue.js實(shí)戰(zhàn)之組件之間的數(shù)據(jù)傳遞的相關(guān)資料，文中通過示例代碼和圖文介紹的非常詳細(xì)，對大家具有一定的參考價值，需要的朋友們下面來一起看看吧。2017-04-04
解決vue項(xiàng)目使用font-awesome,build后路徑的問題
今天小編就為大家分享一篇解決vue項(xiàng)目使用font-awesome,build后路徑的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
filter?方法會創(chuàng)建一個新的數(shù)組,其中包含滿足指定條件的所有元素,這個方法非常適合循環(huán)遍歷數(shù)組并根據(jù)特定條件過濾元素的情況,這篇文章主要介紹了Vue3基礎(chǔ)[常用的循環(huán)],需要的朋友可以參考下2024-01-01
在Vue中使用SQLite數(shù)據(jù)庫的基礎(chǔ)應(yīng)用詳解
這篇文章主要為大家詳細(xì)介紹了在Vue中使用SQLite數(shù)據(jù)庫的基礎(chǔ)應(yīng)用,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2025-02-02
vue.js動態(tài)設(shè)置VueComponent高度遇到的問題及解決
這篇文章主要介紹了vue.js動態(tài)設(shè)置VueComponent高度遇到的問題及解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-08-08
這篇文章主要介紹了Vue 2.x基礎(chǔ)API的相關(guān)資料，文中介紹的非常詳細(xì)，對大家具有一定的參考價值，需要的朋友們下面來一起看看吧。2017-03-03
vue3中使用router路由實(shí)現(xiàn)跳轉(zhuǎn)傳參的方法
這篇文章主要介紹了vue3中使用router路由實(shí)現(xiàn)跳轉(zhuǎn)傳參的方法,本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-03-03
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)tab切換的放大鏡效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-08-08
雖然計算屬性在大多數(shù)情況下更合適,但有時也需要一個自定義的偵聽器,這就是為什么Vue通過watch選項(xiàng)提供了一個更通用的方法,來響應(yīng)數(shù)據(jù)的變化,這篇文章主要給大家介紹了關(guān)于vue3.0中watch偵聽器的相關(guān)資料,需要的朋友可以參考下2021-10-10
Vue3中使用styled-components的實(shí)現(xiàn)
本文主要介紹了Vue3中使用styled-components的實(shí)現(xiàn),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2024-05-05