vue第三方庫中存在擴展運算符報錯問題的解決方案

更新時間：2022年07月21日 15:22:06 作者：hello_stone

這篇文章主要介紹了vue第三方庫中存在擴展運算符報錯問題,本文給大家分享解決方案，通過結(jié)合實例代碼給大家介紹的非常詳細(xì)，需要的朋友可以參考下

vue第三方庫中存在擴展運算符報錯問題

之前一篇文章說過，vue里用到了es6的拓展（...）語法，然后編譯一直報錯 unExpected token

解決方案

1、引入babel依賴

npm install babel-plugin-transform-object-rest-spread
npm install babel-preset-es2015 --save-dev

2、在vue項目的src/.babelrc文件中（沒有自己創(chuàng)建）下修改

{
"presets":[["es2015",{"modules":false}]],//依賴ES5模塊轉(zhuǎn)換
"plugins":["transform-object-rest-spread"]
}

但是存在一個問題就是如果我引入的第三方庫中存在擴展運算符，依然會存在這個錯誤。

解決方法：

需要在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第三方庫中存在擴展運算符報錯問題的文章就介紹到這了,更多相關(guān)vue第三方庫擴展運算符報錯內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

相關(guān)文章

Vue.js實戰(zhàn)之組件之間的數(shù)據(jù)傳遞
這篇文章主要介紹了Vue.js實戰(zhàn)之組件之間的數(shù)據(jù)傳遞的相關(guān)資料，文中通過示例代碼和圖文介紹的非常詳細(xì)，對大家具有一定的參考價值，需要的朋友們下面來一起看看吧。
2017-04-04
解決vue項目使用font-awesome,build后路徑的問題
今天小編就為大家分享一篇解決vue項目使用font-awesome,build后路徑的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-09-09
Vue3基礎(chǔ)篇之常用的循環(huán)示例詳解
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
這篇文章主要介紹了Vue 2.x基礎(chǔ)API的相關(guān)資料，文中介紹的非常詳細(xì)，對大家具有一定的參考價值，需要的朋友們下面來一起看看吧。
2017-03-03
vue3中使用router路由實現(xiàn)跳轉(zhuǎn)傳參的方法
這篇文章主要介紹了vue3中使用router路由實現(xiàn)跳轉(zhuǎn)傳參的方法,本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2023-03-03
vue實現(xiàn)tab切換的放大鏡效果
這篇文章主要為大家詳細(xì)介紹了vue實現(xiàn)tab切換的放大鏡效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-08-08
vue3.0中的watch偵聽器實例詳解
雖然計算屬性在大多數(shù)情況下更合適,但有時也需要一個自定義的偵聽器,這就是為什么Vue通過watch選項提供了一個更通用的方法,來響應(yīng)數(shù)據(jù)的變化,這篇文章主要給大家介紹了關(guān)于vue3.0中watch偵聽器的相關(guān)資料,需要的朋友可以參考下
2021-10-10
Vue3中使用styled-components的實現(xiàn)
本文主要介紹了Vue3中使用styled-components的實現(xiàn),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2024-05-05