vue 构建失败 --Unexpected token: punc (()

最新推荐文章于 2025-05-29 17:33:09 发布

原创最新推荐文章于 2025-05-29 17:33:09 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue #npm #打包 #Unexpected token #punc #ViewUI

vue 专栏收录该内容

0 篇文章

订阅专栏

在执行`npm run build`时遇到Vue项目构建失败的问题，错误信息显示Unexpected token: punc ()。问题根源在于_element-ui@2.0.5@element-ui包未在webpack.base.conf.js中正确配置。解决方法包括删除node_modules下的过时element-ui包，替换为最新版本。参考指定文档完成修复。

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

npm run build 构建失败

vue 打包出错——Unexpected token: punc (()

ERROR in static/js/vendor.01f38d9d512d1cb86953.js from UglifyJs  
Unexpected token: punc (() [./node_modules/_element-ui@2.0.5@element-ui/src/mixins/migrating.js:23,0][static/js/vendor.01f38d9d512d1cb86953.js:52337,9]  
   
  Build failed with errors.  
   
npm ERR! code ELIFECYCLE  
npm ERR! errno 1  
npm ERR! battery@1.0.0 build: `node build/build.js`  
npm ERR! Exit status 1  
npm ERR!  
npm ERR! Failed at the battery@1.0.0 build script.  
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.  
   
npm ERR! A complete log of this run can be found in:  
npm ERR!     E:\Program Files\nodejs\node_cache\_logs\2018-03-07T02_24_43_985Z-debug.log

webpack.base.conf.js

module: {  
    rules: [  
      {  
        test: /\.vue$/,  
        loader: 'vue-loader',  
        options: vueLoaderConfig  
      },  
      {  
        test: /\.js$/,  
        loader: 'babel-loader',  
        include: [resolve('src'), resolve('test'),resolve('/node_modules/element-ui/src'),resolve('/node_modules/element-ui/packages')]  
      },

打包需要的文件在_element-ui@2.0.5@element-ui 包中，但是_element-ui@2.0.5@element-ui 包没有在 webpack.base.conf.js 中进行配置。

解决办法：

删除 node_modules 下的
_element-ui@2.0.5@element-ui
element-ui

然后重新放入最新版本的的 element-ui包。

问题解决。

参考文档：http://blog.youkuaiyun.com/wild46cat/article/details/78024796