vue项目引入包显示Module parse failed: Unexpected token (96:28)

今天项目需要加一个新的依赖包

npm install socks-proxy-agent -s

当我引用以后直接就开始报错

const { SocksProxyAgent } = require('socks-proxy-agent');

看起来是因为webpack不能识别这个包里的语法。
有可能是我的项目是两三年前的项目。所以导致了这种问题

经常搜索，我查到了vue.config.js中的一个配置对象，叫transpileDependencies，具体是这样写的

也就说，咱们的项目为了兼容性，会编译成es5的代码，但是node_module中的依赖包，默认都不编译。所以需要使用transpileDependencies这个对象来手动编译一下。

打开vue.config.js文件，添加了我的包，以及包所需要的其他依赖包，重新运行项目

问题顺利解决了