您现在的位置是：网站首页> 编程资料编程资料

vue第三方库中存在扩展运算符报错问题的解决方案_vue.js_

2023-05-24 355人已围观

简介 vue第三方库中存在扩展运算符报错问题的解决方案_vue.js_

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第三方库扩展运算符报错内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持！

您可能感兴趣的文章:

上一篇：总结Node.js中9种fs模块文件操作方法(文件夹递归删除知识)_node.js_

下一篇：React组件三大属性之state,props,refs_React_

相关内容

点击排行

本栏推荐

猜你喜欢

-六神源码网