vue第三方庫中存在擴展運算符報錯問題的解決方案
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)示例代碼,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-03-03vue中使用過濾器filters的this為undefined的問題
這篇文章主要介紹了vue中使用過濾器filters的this為undefined的問題,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2022-01-01vue兩組件間值傳遞 $router.push實現(xiàn)方法
兩組件間傳值,可能包含多種情況,這篇文章主要介紹了vue兩組件間值傳遞 $router.push實現(xiàn)方法,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2019-05-05vue使用Highcharts實現(xiàn)不同高度的3D環(huán)形圖
這篇文章主要為大家詳細介紹了vue使用Highcharts實現(xiàn)不同高度的3D環(huán)形圖,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2022-03-03