我是靠谱客的博主 苹果长颈鹿,最近开发中收集的这篇文章主要介绍使用vue-cli,webpack打包报错:Uncaught SyntaxError: Unexpected token <,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

今天在用vue-cli搭建项目的时候使用webpack打包后出现了这个错误。网上搜了发现之所以有这个错误是因为js中用了es6语法,在编译时没有转译成es5语法。看了下bundle.js文件,果然没有将es6转为es5!但是vue-cli下载下来的webpack那个模板已经集成了babel,相关设置在.babelrc这个文件里,不会是没有相关的包啊·。然后就想到webpack官网说要安装LTS版本的node,改为这个版本后也是没起什么作用。后来发现是需要在webpack.config.js里配置loader,这里vue-cli是不会帮忙配置的。相关的博文有一篇。
这里写图片描述
配置了babel-loader之后就编译成功了。

最后

以上就是苹果长颈鹿为你收集整理的使用vue-cli,webpack打包报错:Uncaught SyntaxError: Unexpected token <的全部内容,希望文章能够帮你解决使用vue-cli,webpack打包报错:Uncaught SyntaxError: Unexpected token <所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(33)

评论列表共有 0 条评论

立即
投稿
返回
顶部