美文网首页
【Vue】打包报错Unexpected token: punc解

【Vue】打包报错Unexpected token: punc解

作者: 峰豆豆 | 来源:发表于2018-07-09 11:24 被阅读0次

    项目中有一个功能模块是使用Vue写的,然后蛋疼的来了,写Vue的同事走了,今天需要改,懵逼状态啊,这是什么?代码还没看懂,就给我出了一个Exception。记录一下,蛋疼历程。

    ERROR in static/js/app.33254a875dd731a0b538.js from UglifyJs 
    Unexpected token: punc (() [./src/mixin/mixin.js:6,8][static/js/app.33254a875dd731a0b538.js:13,19]
    

    好看不?

    各种百度啊,有人说,下载新的vue-cli,webpack项目,拷贝.babelrc文件到原项目根目录下

    然后再百度,怎么下载vue-cli,更刺激的来了,根本看不懂,一堆cmd,对于一个小白来说,简直残忍啊。

    最后找到了一个大神的回复,懒惰的我,当然选择粘贴复制嘞。

    解决方案:

    1.在工程目录下新建.babelrc文件,注意文件类型选择File就可以了

    2.cv大法(懒人专用)

    {
      "presets": [
    
        ["env", {
          "modules": false,
          "targets": {
            "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
          }
        }],
        "stage-2"
      ],
      "plugins": ["transform-runtime"],
      "env": {
    
        "test": {
          "presets": ["env", "stage-2"],
          "plugins": ["istanbul"]
        }
      }
    }
    

    3.此时npm run build, ok了。

    贴个完整的图片:


    1531105144176.jpg

    相关文章

      网友评论

          本文标题:【Vue】打包报错Unexpected token: punc解

          本文链接:https://www.haomeiwen.com/subject/gqmzuftx.html