Vue项目build错误异常如何彻底排查并高效解决？

本文共计419个文字，预计阅读时间需要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]

错误原因：UglifyJs在压缩代码时遇到了意外的符号，可能是代码中存在未闭合的括号或其他语法错误。

解决方法：

1.检查Hello.vue文件第26行，确认括号是否闭合。

2.检查index.d66d806fcdd72b36147b.js文件第34行，确认是否存在未闭合的括号或其他语法错误。

在生成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就可以了

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

3.npm run build 就可以了

总结

以上所述是小编给大家介绍的vue 项目build错误异常的解决方法,希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对自由互联网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！