vue 项目build错误异常的解决方法

(编辑:jimmy 日期: 2024/11/14 浏览:2)

在生成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错误异常的解决方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

一句话新闻

高通与谷歌联手!首款骁龙PC优化Chrome浏览器发布
高通和谷歌日前宣布,推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中,全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前,搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世,有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示,此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。