vue+element-ui build 出现 UglifyJs Unexpected token: punc 问题

Posted 2023-04-05

参考技术A 1、报错：

ERROR in static/js/vendor.b42509bed96843193b81.js from UglifyJs

Unexpected token: punc ()) [./~/_element-ui@2.0.11@element-ui/src/utils/resize-event.js:73,0][static/js/vendor.b42509bed96843193b81.js:154155,37]

2、解决方案：

build/webpack.base.conf.js 文件中的  loader:'babel-loader'那块 添加 resolve('/node_modules/_element-ui@2.0.11@element-ui/src/utils/resize-event.js' )如下内容：

也可添加 resolve('/node_modules/_element-ui' ) ---可不受版本号影响

rules: [

 

test:/\.vue$/,

    loader:'vue-loader',

    options:vueLoaderConfig

  ,

 

test:/\.js$/,

    loader:'babel-loader',

    include: [resolve('src'), resolve('test') ,resolve('/node_modules/_element-ui' )]

,

vue+element-ui打包时候出现 UglifyJs Unexpected token: punc

今天差点没有坑死我，package.json里面

然后我打包解决element-ui的转译问题时，发现node_modules里面

被坑的我的心都死了，不过还好最后是解决了

 module: {
   ...
      {
        test: /\\.js$/,
        loader: \'babel-loader\',//注意elementUI的源码使用ES6需要解析
        include: [resolve(\'src\'), resolve(\'test\'),resolve(\'/node_modules/_element-ui@1.4.10@element-ui/src\'),resolve(\'/node_modules/_element-ui@1.4.10@element-ui/packages\')]
      },
      ...

　　

npm  run build  后

ERROR in static/js/0.0143a4d9ad92d5c7f658.js from UglifyJs
Unexpected token: punc (() [./~/_element-ui@1.4.10@element-ui/packages/row/src/r
ow.js:24,0][static/js/0.0143a4d9ad92d5c7f658.js:524,9]

ERROR in static/js/1.c6586324bf2fd251ec7b.js from UglifyJs
Unexpected token: punc (() [./~/_element-ui@1.4.10@element-ui/packages/row/src/r
ow.js:24,0][static/js/1.c6586324bf2fd251ec7b.js:539,9]

ERROR in static/js/2.2b7b58156258c88e9cdf.js from UglifyJs
Unexpected token: punc (() [./~/_element-ui@1.4.10@element-ui/packages/row/src/r
ow.js:24,0][static/js/2.2b7b58156258c88e9cdf.js:539,9]

ERROR in static/js/8.48d0e6b7d1466b2cb224.js from UglifyJs
Unexpected token: operator (>) [./~/_element-ui@1.4.10@element-ui/src/mixins/emi
tter.js:2,0][static/js/8.48d0e6b7d1466b2cb224.js:89,32]

 

UglifyJs 一般是 无法解析ES6的问题，在1.4.10 element-ui的包里看来是有ES6的语法了

在build文件夹的  webpack.base.conf.js

 

看到它，心里安定多了