vue第三方库中存在扩展运算符报错问题的解决方案
更新时间:2022年07月21日 15:22:06 作者:hello_stone
这篇文章主要介绍了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文件中(没有自己创建)下修改
{
"presets":[["es2015",{"modules":false}]],//依赖ES5模块转换
"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 为报错的文件
到此这篇关于vue第三方库中存在扩展运算符报错问题的文章就介绍到这了,更多相关vue第三方库扩展运算符报错内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
相关文章
解决vue项目使用font-awesome,build后路径的问题
今天小编就为大家分享一篇解决vue项目使用font-awesome,build后路径的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧2018-09-09
vue.js动态设置VueComponent高度遇到的问题及解决
这篇文章主要介绍了vue.js动态设置VueComponent高度遇到的问题及解决方案,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教2022-08-08


最新评论