SyntaxError: Unexpected token ‘＜‘, “＜!-- * @“... is not valid JSON

bug

bug提示：
SyntaxError: Unexpected token ‘<’, “<!-- * @”… is not valid JSON.
记录一次生产环境bug

原因

项目使用了vue3lottie加载json文件实现动画。上面报错原因是找不到json文件。两种原因，要么真没有这个json文件，要么路径不对。

bug 排查

1. 看是否有这个文件
   静态文件一般放在public或static文件夹下，这样才不会被处理，在public或static下查找文件。
2. 路径是否正确
   我这个项目使用的vite+vue3，json静态文件应该放在public文件夹下。然后访问时绝对路径访问，例如"/xxx.json"; 如果项目不是部署在根路径下，例如加了个上下文h5,则访问需要添加上下文路径，即"/h5/xxx.json"。

示例：

我定义了SXW变量（上下文），默认‘’，public下json文件夹放json文件，访问路径如下：

结语

一般都是路径错误。