SyntaxError: Unexpected token ‘＜‘, “＜!-- * @“... is not valid JSON
一般都是路径错误。
·
bug
bug提示：
SyntaxError: Unexpected token ‘<’, “<!-- * @”… is not valid JSON.
记录一次生产环境bug
原因
项目使用了vue3lottie加载json文件实现动画。上面报错原因是找不到json文件。两种原因，要么真没有这个json文件，要么路径不对。
bug 排查
- 看是否有这个文件
静态文件一般放在public或static文件夹下，这样才不会被处理，在public或static下查找文件。 - 路径是否正确
我这个项目使用的vite+vue3，json静态文件应该放在public文件夹下。然后访问时绝对路径访问，例如"/xxx.json"; 如果项目不是部署在根路径下，例如加了个上下文h5,则访问需要添加上下文路径，即"/h5/xxx.json"。
示例：
我定义了SXW变量（上下文），默认‘’，public下json文件夹放json文件，访问路径如下：
结语
一般都是路径错误。
基于 Vue 的企业级 UI 组件库和中后台系统解决方案，为数万开发者服务。
更多推荐
2
0- 0
已为社区贡献1条内容
所有评论(0)