vue项目中出现build错误异常如何解决

vue项目中出现build错误异常如何解决?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。

在生成vue项目的时候,出现如下错误

ERROR in static/js/index.d66d806fcdd72b36147b.js from UglifyJs
Unexpected token: punc (() [src/components/Hello.vue:26,0][static/js/index.d66d806fcdd72b36147b.js:34,6]

ERROR in static/js/cell.89bb6f1195b769a2c949.js from UglifyJs
Unexpected token: punc (() [src/components/cell.vue:10,0][static/js/cell.89bb6f1195b769a2c949.js:19,6]

ERROR in [copy-webpack-plugin] unable to locate 'J:\Dev\Project\jyhlClient\multiple-vue-page\static' at 'J:\Dev\Project\jyhlClient\multiple-vue-page\static'

解决方案:

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

vue项目中出现build错误异常如何解决

2.复制如下内容

{
  "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"]
   }
  }
 }

 vue项目中出现build错误异常如何解决

3.npm run build 就可以了

看完上述内容,你们掌握vue项目中出现build错误异常如何解决的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注行业资讯频道,感谢各位的阅读!