解决错误:Uncaught SyntaxError: Unexpected token ‘＜‘

如图出现这个错误 : Uncaught SyntaxError: Unexpected token '<' 

第一眼以为是语法错误 , 多写了个'<' , 然后点进去看见是这样的:

因为jsx是可以这样写的, 所以看了半天也感觉没有毛病, 后来逐层网上找, 突然发现原来是忘记设置<script>的type值为babel了, 因为下面是jsx语法, script默认的type值为JavaScript, 是不能解析jsx语法的, 因此

当忘记加type=babel之后, 就会按照JavaScript来解析, 而js中又没有这种写法, 所以便报了这个错误,当引入babel文件并且设置script的type值之后, 这个问题就迎刃而解啦.