vue第三方库扩展运算符报错

软件发布|下载排行|最新软件

当前位置:首页IT学院IT技术

vue第三方库扩展运算符报错

hello_stone   2022-09-28 我要评论

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 为报错的文件

Copyright 2022 版权所有 软件发布 访问手机版

声明:所有软件和文章来自软件开发商或者作者 如有异议 请与本站联系 联系我们