欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時間:2022年07月21日 15:22:06   作者:hello_stone  
這篇文章主要介紹了vue第三方庫中存在擴展運算符報錯問題,本文給大家分享解決方案,通過結(jié)合實例代碼給大家介紹的非常詳細,需要的朋友可以參考下

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 + vuex todolist的實現(xiàn)示例代碼

    vue + vuex todolist的實現(xiàn)示例代碼

    這篇文章主要介紹了vue + vuex todolist的實現(xiàn)示例代碼,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2018-03-03
  • vue element-ui讀取pdf文件的方法

    vue element-ui讀取pdf文件的方法

    這篇文章主要介紹了vue element-ui讀取pdf文件的方法,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2019-11-11
  • vue中使用過濾器filters的this為undefined的問題

    vue中使用過濾器filters的this為undefined的問題

    這篇文章主要介紹了vue中使用過濾器filters的this為undefined的問題,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2022-01-01
  • vue兩組件間值傳遞 $router.push實現(xiàn)方法

    vue兩組件間值傳遞 $router.push實現(xiàn)方法

    兩組件間傳值,可能包含多種情況,這篇文章主要介紹了vue兩組件間值傳遞 $router.push實現(xiàn)方法,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2019-05-05
  • Vue.js實現(xiàn)列表清單的操作方法

    Vue.js實現(xiàn)列表清單的操作方法

    Vue.js在設(shè)計上采用MVVM模式,當(dāng)View視圖層發(fā)生變化時,會自動更新到ViewModel.接下來通過本文給大家分享Vue.js實現(xiàn)列表清單的操作方法,需要的朋友參考下吧
    2017-11-11
  • axios請求的一些常見操作實戰(zhàn)指南

    axios請求的一些常見操作實戰(zhàn)指南

    axios是一個輕量的HTTP客戶端,它基于XMLHttpRequest服務(wù)來執(zhí)行 HTTP請求,支持豐富的配置,支持Promise,支持瀏覽器端和 Node.js 端,下面這篇文章主要給大家介紹了關(guān)于axios請求的一些常見操作,需要的朋友可以參考下
    2022-09-09
  • vue-cli配置flexible過程詳解

    vue-cli配置flexible過程詳解

    這篇文章主要介紹了vue-cli配置flexible過程詳解,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
    2019-07-07
  • Vue項目安裝less和less-loader的詳細步驟

    Vue項目安裝less和less-loader的詳細步驟

    這篇文章主要介紹了Vue項目安裝less和less-loader的詳細步驟,本文分步驟結(jié)合示例代碼給大家介紹的非常詳細,對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2022-12-12
  • vue使用Highcharts實現(xiàn)不同高度的3D環(huán)形圖

    vue使用Highcharts實現(xiàn)不同高度的3D環(huán)形圖

    這篇文章主要為大家詳細介紹了vue使用Highcharts實現(xiàn)不同高度的3D環(huán)形圖,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2022-03-03
  • vue監(jiān)聽input標簽的value值方法

    vue監(jiān)聽input標簽的value值方法

    今天小編就為大家分享一篇vue監(jiān)聽input標簽的value值方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2018-08-08

最新評論