解决Uncaught SyntaxError: Unexpected token ‘<‘ 错误解决方法

问题: 使用Vue技术栈开发时引入了iconfont后报错,错误内容就是:Uncaught SyntaxError: Unexpected token ‘<‘ ;

描述: 今天在开发的时候,由于新增了一批阿里的iconfont,因此将这批iconfont下载并放入了style文件夹,之后引入了项目,由于我使用的是 “Symbol 引用” 的引用方式,因此需要引入文件夹下的iconfont.js文件,当我引入后却报错了,报错内容是:Uncaught SyntaxError: Unexpected token ‘<‘ ;

Uncaught SyntaxError: Unexpected token ‘<‘ 

解决: 我这个原因是因为静态资源放到了非指定的目录下,我们知道在Vue中最后打包阶段会将这些文件都进行处理合并,包括编译前的目录都是不准确的,因此对于静态资源都是有指定目录的,需要放到assets下,而我这边这个iconfont被我放到了自定义的style文件夹下,顾而报错;

解决方式也很简单,将静态资源文件放入assets下,或者public下,只要在这两个目录下打包的时候就不会被编译目录,也就是资源的路径就不会变动

猜你喜欢

转载自blog.csdn.net/zy21131437/article/details/123081799