webpack打包出错：... UglifyJs Unexpected token name(...)解决方案

最新推荐文章于 2023-10-27 19:18:49 发布

世界是熊猫的！

最新推荐文章于 2023-10-27 19:18:49 发布

阅读量5.4k

点赞数

分类专栏：前端webpack 文章标签： webpack

本文链接：https://blog.youkuaiyun.com/sinat_36227086/article/details/115723190

版权

在使用webpack打包时遇到'Unexpected token: name'错误，原因是部分依赖模块使用了ES6语法，但在webpack配置中未进行转译。解决方法是将这些模块添加到babel-loader的include中，如asn1和node-rsa。通过修改webpack配置，成功避免了打包错误。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.问题描述：

使用webpack打包的时候出现Unexpected token: name的错误，完整报错如下：

ERROR in js/app.beef0790.js from UglifyJs
Unexpected token: name (result) [./node_modules/_node-rsa@1.1.1@node-rsa/src/formats/openssh.js:12,0][static/js/vendor.4e305fead8c777fd6b59.js:81119,12....]

2.原因

这是因为在webpack.config.js中的loaders在转ES5时，会过滤掉node_modules，而有的依赖模块使用了ES6语法，需要进行babel处理，所以要将这些模块放在babel-loader中的include中。

3.解决方法

未修改前的webpack.base.conf.js文件：

 {
   
        test: /\.js$/,
        loader: "babel-loader",
        include: [
          resolve("src"),
          resolve("test"),
          resolve("node_modules/vue-echarts"