vue Uncaught SyntaxError: Unexpected token '<'
时间: 2023-10-15 20:31:30 浏览: 138
vue-cli 打包后提交到线上出现 “Uncaught SyntaxError:Unexpected token” 报错
5星 · 资源好评率100%
当在Vue项目中出现Uncaught SyntaxError: Unexpected token '<'错误时,可能有几个原因。首先,可能是由于引用的JS文件位置不正确。在你的问题描述中,有提到JS文件放在了/static文件夹下,但是如果JS文件包含es6语法,放在static文件夹下会导致异常。因为static文件夹默认是不会被打包和编译的。解决方法是将JS文件放到/src文件夹下,并在index.html的引用路径中使用相对路径,例如"./src/xxx/xxxxx.js"。
另一个可能的原因是配置信息不正确。如果JS文件中包含es6语法,但没有配置采用babel-loader来解析和转化为es5语法,也会报这个错误。解决方法是在webpack.config.js中配置loader,并重新编译项目。
最后,可能是静态资源的路径配置问题。在运行npm run build时,静态资源生成的路径配置可能导致找不到静态资源。正确的配置是将assetsPublicPath设置为绝对路径'/',而不是相对路径'./'。如果使用相对路径,chunk文件会报错找不到。
综上所述,解决这个错误的方法包括:将JS文件放在正确的位置、配置好babel-loader来解析es6语法、以及正确配置静态资源的路径。希望这些方法能够帮助你解决错误。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [Vue项目报错:Uncaught SyntaxError: Unexpected token](https://download.csdn.net/download/weixin_38697328/14820887)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *2* [Vue 项目报错:Uncaught SyntaxError: Unexpected token ‘<](https://blog.csdn.net/Noals/article/details/125040788)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *3* [Vue项目报错Uncaught SyntaxError: Unexpected token ‘<](https://blog.csdn.net/weixin_43727560/article/details/123212182)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
[ .reference_list ]
阅读全文